*{box-sizing:border-box} :root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f5f3ef;background:#0c0e10}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #cc0000;outline-offset:6px} .hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:#161e23}.backdrop{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 70% 35%,#65716d,transparent 65%),linear-gradient(125deg,#111b20,#384b52);background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,12,15,.92),rgba(8,12,15,.48) 45%,rgba(8,12,15,.08) 80%),linear-gradient(0deg,#0c0e10 0%,transparent 60%,rgba(7,10,13,.8))}header{padding:35px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}nav{display:flex;gap:27px;align-items:center;flex-wrap:wrap}nav a,nav button{font-size:14px;color:#c4c5c6;text-decoration:none;background:none;border:0;padding:9px 0;position:relative;white-space:nowrap}nav a{color:#fff;font-weight:700}nav a:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:2px;background:#cc0000}nav button:hover{color:#fff}.wordmark{font-size:21px;letter-spacing:5px;font-weight:800;text-align:right}.wordmark span{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:7px;white-space:nowrap;color:#bfc4c5}.feature{width:100%;max-width:1600px;margin:auto;padding:65px 7% 70px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:3px;color:#cc0000}.eyebrow>span:first-child{width:24px;height:1px;background:#cc0000}.index{color:#a5aaac;margin-left:25px;font-size:12px;letter-spacing:2px}h1{font-size:clamp(64px,8vw,120px);font-weight:600;letter-spacing:-5px;line-height:.95;margin:30px 0}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#cc0000} .metadata{font-size:12px;letter-spacing:2px;color:#e0e1df;margin:30px 0 23px}.metadata span{margin:0 12px;color:#8c969a}.description{font-size:18px;line-height:1.65;color:#c1c8c9;max-width:440px}.actions{display:flex;gap:12px;margin-top:30px}.actions button{min-height:50px;border-radius:4px;padding:0 27px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:700}.primary{background:#f4f1eb;color:#151718;border:1px solid #f4f1eb}.primary:hover{background:#cc0000}.primary svg{width:21px;height:21px;fill:currentColor}.secondary{background:#ffffff12;backdrop-filter:blur(10px);border:1px solid #ffffff45;color:#f3f1ed}.secondary:hover{background:#ffffff28}.secondary span{font-size:22px;font-weight:400}.sample{font-size:12px;color:#a6adaf;margin-top:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4.5%;font-size:11px;letter-spacing:2px;color:#a0a7aa;border-top:1px solid #ffffff12}.slash{margin:0 12px;color:#cc0000}.footer-right{display:flex;align-items:center;gap:22px}.footer-right i{display:block;width:50px;height:2px;background:#cc0000}dialog{background:#151b20;color:#f5f3ef;border:1px solid #45515a;border-radius:10px;width:min(720px,calc(100% - 32px));padding:40px;max-height:85svh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:32px;line-height:1.15;margin:24px 0}dialog p{line-height:1.7;color:#bbc6cd}dialog a{color:#cc0000}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#fff;font-size:30px;width:40px;height:40px}video{width:100%;max-height:55svh;background:#080a0c;margin-top:20px}input{font:inherit;max-width:100%}input::file-selector-button{background:#cc0000;color:#111;border:0;padding:12px;border-radius:4px;cursor:pointer;margin-right:12px}.file-label{display:block;margin:24px 0 12px}.video-error{color:#cc0000}
@media(min-width:1600px){.feature{padding-left:5%}}@media(max-width:1000px){header{align-items:flex-start}.wordmark{font-size:16px;letter-spacing:3px}nav{gap:19px}.feature{padding-top:55px}.wordmark span{font-size:9px}}@media(max-width:720px){header{padding:23px 6%;display:block}nav{gap:8px 20px}nav a,nav button{font-size:14px}.wordmark{display:none}.feature{padding:48px 7% 45px}h1{font-size:clamp(64px,14vw,98px);letter-spacing:-3px}.description{font-size:16px}.hero:after{background:linear-gradient(90deg,#080c0fcd,#080c0f40),linear-gradient(0deg,#0c0e10,transparent 90%)}.backdrop{background-position:63% center}footer{padding:22px 7%;font-size:10px;line-height:1.8}.footer-right{display:none}.metadata{letter-spacing:1.5px}.eyebrow{letter-spacing:2px}.index{margin-left:10px}dialog{padding:30px 24px}.actions button{padding:0 22px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .2s,color .2s}}

.backdrop{background-image:url('hero.jpg')}

/* Dark program-monitor surface with red editing accents. */
:root{background:#080808;color:#f5f5f5}
.hero{background:#080808}
.backdrop{filter:grayscale(1) brightness(.72)}
.hero:after{background:linear-gradient(90deg,#080808ed,#08080870 55%,#08080825),linear-gradient(0deg,#080808 0%,transparent 65%,#080808d9)}
.wordmark{border-right:3px solid #cc0000;padding-right:15px}
h1 em{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-style:italic;letter-spacing:-.065em;color:#cc0000}
.primary{background:#cc0000;border-color:#cc0000;color:#fff;box-shadow:0 5px 25px #cc00001c}
.primary:hover{background:#cc0000;border-color:#cc0000}
input::file-selector-button{background:#cc0000;color:#fff}
.secondary{background:#16161699;border-color:#ffffff40}
dialog{background:#131313;border-color:#383838;border-top:2px solid #cc0000}
.eyebrow,.metadata,.timecode,.frame-label,.ruler{font-family:'Courier New',monospace}
.monitor-frame{position:absolute;inset:132px 4.5% 152px;pointer-events:none;z-index:-1;background:linear-gradient(#ffffff35,#ffffff35) left top/25px 1px no-repeat,linear-gradient(#ffffff35,#ffffff35) left top/1px 25px no-repeat,linear-gradient(#ffffff35,#ffffff35) right top/25px 1px no-repeat,linear-gradient(#ffffff35,#ffffff35) right top/1px 25px no-repeat,linear-gradient(#ffffff35,#ffffff35) left bottom/25px 1px no-repeat,linear-gradient(#ffffff35,#ffffff35) left bottom/1px 25px no-repeat,linear-gradient(#cc000099,#cc000099) right bottom/25px 1px no-repeat,linear-gradient(#cc000099,#cc000099) right bottom/1px 25px no-repeat}
.frame-label,.timecode{position:absolute;right:18px;font-size:12px;letter-spacing:2px;color:#b0b0b0}.frame-label{top:14px}.timecode{bottom:14px;color:#cc0000}
.feature{padding-top:85px;padding-bottom:65px}
.edit-strip{position:relative;margin:0 4.5% 22px;opacity:.8}
.ruler{display:flex;justify-content:space-between;padding-bottom:14px;background:repeating-linear-gradient(90deg,#ffffff35 0 1px,transparent 1px 12px) bottom/100% 6px no-repeat;color:#b6b6b6;font-size:12px;letter-spacing:1px}
.tracks{display:grid;grid-template-columns:1.6fr 1fr 2fr 1.2fr 1.7fr;gap:4px;margin-top:5px;height:13px}.tracks span{background:#ffffff09;border:1px solid #ffffff1c}.tracks span:nth-child(2){background:#cc000019;border-color:#cc000065}
.playhead{position:absolute;left:21.6%;top:16px;bottom:-4px;width:1px;background:#cc0000}.playhead:before{content:'';position:absolute;top:-5px;left:-4px;width:9px;height:7px;background:#cc0000;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}
footer{background:#080808}
@media(max-width:720px){.feature{padding-top:60px;padding-bottom:45px}.monitor-frame{inset:140px 4% 137px}.frame-label{display:none}.timecode{bottom:10px;font-size:10px}.edit-strip{margin:0 7% 20px}.ruler{font-size:10px}.hero:after{background:linear-gradient(90deg,#080808cf,#08080865),linear-gradient(0deg,#080808,transparent 90%)}h1 em{letter-spacing:-.06em}}


.monitor-frame{z-index:0}

html{scroll-behavior:smooth;scroll-padding-top:24px}nav{gap:18px}nav a{font-weight:400;color:#c4c5c6}nav a:after{display:none}nav a[aria-current=page]{color:#fff;font-weight:700}nav a[aria-current=page]:after{display:block}nav a:hover{color:#fff}header{gap:22px}nav{flex:1}.wordmark{font-size:17px;letter-spacing:3px}
.work-library{background:#080808;padding:54px 4.5% 70px;overflow:hidden}.library-heading{margin-bottom:50px}.library-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:17px 0}.work-section{margin:0 0 55px;scroll-margin-top:24px}.row-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.row-heading h2{font-size:24px;margin:0;font-weight:600}.row-heading h2 span{font:12px 'Courier New',monospace;color:#aaa;margin-right:18px}.row-controls{display:flex;gap:7px}.row-controls button{border:1px solid #333;background:#121212;color:#fff;width:38px;height:38px;font-size:20px;border-radius:3px}.row-controls button:hover{background:#cc0000;border-color:#cc0000}.project-rail{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 18px;scrollbar-width:thin;scrollbar-color:#cc0000 #181818}.project-card{flex:0 0 clamp(260px,28vw,440px);scroll-snap-align:start;text-align:left;padding:0;background:none;border:0;color:#fff}.card-art{display:flex;position:relative;aspect-ratio:16/9;flex-direction:column;justify-content:space-between;padding:18px;background:linear-gradient(130deg,#272727,#101010);border:1px solid #333;overflow:hidden;transition:border-color .2s,transform .2s}.card-1 .card-art{background:linear-gradient(145deg,#280909,#121212 70%)}.card-2 .card-art{background:linear-gradient(25deg,#0c0c0c,#333)}.card-3 .card-art{background:linear-gradient(155deg,#191919 45%,#300707)}.card-4 .card-art{background:linear-gradient(90deg,#262626,#0c0c0c)}.project-card:hover .card-art{border-color:#cc0000;transform:none}.slot-label,.slot-note{font:11px 'Courier New',monospace;letter-spacing:1.5px;color:#b9b9b9}.slot-icon{font-size:35px;align-self:center;color:#cc0000}.slot-note{border-top:1px solid #ffffff20;padding-top:9px;font-size:10px}.card-title{display:block;font-size:16px;margin:14px 0 6px}.card-meta{font-size:12px;color:#999}footer a,.return-link{color:#fff;text-decoration:none}footer a:hover,.return-link:hover{color:#cc0000}.inner-page{min-height:100svh;background:radial-gradient(ellipse at top right,#260000,transparent 55%),#080808}.page-content{padding:12vh 7%;max-width:1100px}.page-content h1{font-size:clamp(52px,7vw,94px);line-height:1.05;letter-spacing:-3px}.page-content>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#bbb;max-width:620px}.return-link{display:inline-block;margin-top:30px;border-bottom:2px solid #cc0000;padding-bottom:10px}
.export-loader{position:fixed;inset:0;background:#080808;z-index:100;display:grid;place-items:center;padding:28px;transition:opacity .25s}.export-loader[hidden]{display:none}.export-box{width:min(540px,100%)}.export-brand{font:12px 'Courier New',monospace;letter-spacing:2px;color:#aaa}.export-box h2{font-size:clamp(30px,5vw,46px);letter-spacing:-1.5px;margin:35px 0}.export-box h2 span{color:#cc0000}.export-meta{display:flex;justify-content:space-between;font:12px 'Courier New',monospace;color:#aaa;margin-bottom:12px}.export-track{height:7px;background:#252525}.export-track>div{height:100%;width:0;background:#cc0000;transition:width .15s linear}.export-box p{font-size:13px;color:#aaa;margin-top:18px}.export-loader.finished{opacity:0;pointer-events:none}
@media(max-width:720px){nav{gap:8px 17px}.monitor-frame{top:155px}.work-library{padding:40px 7%}.library-heading{margin-bottom:35px}.row-heading h2{font-size:21px}.row-heading h2 span{margin-right:10px}.project-card{flex-basis:82%}.work-section{margin-bottom:38px}.page-content{padding-top:8vh}.wordmark{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-art,.export-loader,.export-track>div{transition:none}}

#project-form label{display:block;font-size:15px;margin:22px 0 10px}#project-name{width:100%;padding:13px;background:#080808;border:1px solid #555;border-radius:4px;color:white;font:inherit}#project-form .file-help,#current-file{font-size:13px;overflow-wrap:anywhere}#project-status{font-size:14px;min-height:24px}.save-project{background:#cc0000;color:#fff;border:0;border-radius:4px;padding:14px 22px;font-weight:700}.save-project:disabled{opacity:.5;cursor:wait}.card-video{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;object-fit:cover;opacity:.6;pointer-events:none}.card-art>span{position:relative;z-index:1}.card-title{overflow-wrap:anywhere}

#page-export{background:#0009;backdrop-filter:blur(5px);padding:20px}.render-dialog{width:min(540px,100%);background:#232323;border:1px solid #535353;border-radius:7px;box-shadow:0 25px 100px #000c;font-family:Arial,Helvetica,sans-serif;color:#ededed;overflow:hidden}.render-titlebar{display:flex;align-items:center;gap:10px;background:#303030;border-bottom:1px solid #111;padding:13px 17px;font-size:13px}.render-app-icon{display:grid;place-items:center;width:21px;height:21px;background:#cc0000;color:white;font-size:13px;font-weight:700;border-radius:3px}.render-window-mark{margin-left:auto;color:#aaa}.render-body{padding:26px}.render-heading{display:flex;gap:15px;align-items:center;margin-bottom:25px}.render-file-icon{display:grid;place-items:center;width:43px;height:51px;border:1px solid #666;border-radius:3px;color:#ccc;font-size:26px;background:#292929}.render-heading h2{font-size:18px;letter-spacing:0;margin:0 0 8px;font-weight:600}.render-heading #page-export-name{font-size:12px;font-family:'Courier New',monospace;color:#b6b6b6}.render-settings{background:#1d1d1d;border:1px solid #363636;padding:14px 15px;margin:0 0 25px;font-size:12px;line-height:1.6}.render-settings>div{display:grid;grid-template-columns:70px 1fr;gap:10px;margin:4px 0}.render-settings dt{color:#999}.render-settings dd{margin:0;color:#ddd;overflow-wrap:anywhere}.render-progress-label{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:10px}.render-progress-label strong{font-weight:400;font-variant-numeric:tabular-nums}#page-export .export-track{height:10px;background:#111;border:1px solid #080808;border-radius:2px;overflow:hidden}#page-export .export-track>div{background:#cc0000}.render-times{display:flex;justify-content:space-between;color:#aaa;font-size:11px;margin-top:11px;font-variant-numeric:tabular-nums}.render-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#202020;border-top:1px solid #373737;padding:13px 20px}.render-footer>span{font-size:11px;color:#999}.render-footer button{background:#383838;border:1px solid #646464;border-radius:3px;padding:7px 24px;color:#eee;font-size:13px}.render-footer button:hover{background:#484848}@media(max-width:480px){.render-body{padding:20px}.render-settings{padding:10px}.render-heading h2{font-size:17px}.render-times{font-size:10px}}
.about-page{max-width:1440px;margin:0 auto;padding:65px 7% 0}.about-intro{max-width:1030px}.about-intro h1{font-size:clamp(64px,8vw,112px);line-height:1;letter-spacing:-5px;margin:30px 0}.about-intro h1 em{color:#cc0000}.about-lead{font-size:clamp(19px,2vw,24px);line-height:1.65;color:#ccc;max-width:800px;margin:30px 0 40px}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:25px 0 30px;border-top:1px solid #333}.about-facts span{display:block;font:11px 'Courier New',monospace;letter-spacing:2px;color:#aaa;margin-bottom:12px}.about-facts strong{font-size:16px;font-weight:500}.about-story{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;border-top:1px solid #333;padding:65px 0}.about-section-label>span{font:12px 'Courier New',monospace;letter-spacing:2px;color:#aaa}.about-page h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;font-weight:600}.about-prose p{font-size:17px;line-height:1.85;color:#bdbdbd;margin:0 0 23px}.about-prose p:last-child{margin:0}.about-approach{border-top:1px solid #333;padding:55px 0 65px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.approach-grid article{border-top:2px solid #cc0000;padding-top:20px}.approach-number{font:12px 'Courier New',monospace;color:#aaa}.approach-grid h3{font-size:20px;line-height:1.35;font-weight:500}.approach-grid p,.about-connect>div>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#bbb}.about-connect{border-top:1px solid #333;padding:55px 0 70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.about-connect h2{margin:18px 0}.about-links{display:flex;flex-direction:column;align-items:flex-start}.about-contact{background:#cc0000;color:#fff;padding:15px 24px;text-decoration:none;border-radius:3px;font-size:16px}.about-contact:hover{background:#a00}.about-links .return-link{margin-top:20px;font-size:14px;border:0}.about-page+.footer{margin-top:0}@media(max-width:720px){.about-page{padding-top:35px}.about-intro h1{letter-spacing:-3px}.about-facts{grid-template-columns:1fr;gap:24px}.about-facts span{margin-bottom:7px}.about-story{grid-template-columns:1fr;gap:20px;padding:40px 0}.about-section-label h2 br{display:none}.about-prose p{font-size:16px}.approach-grid{grid-template-columns:1fr;gap:25px}.about-approach{padding:35px 0}.about-connect{align-items:flex-start;flex-direction:column;padding:35px 0 50px}.about-connect h2{font-size:30px}}
.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cms-project-player{display:block;width:min(900px,85vw);max-height:72vh;background:#000}.project-card .card-art{position:relative;overflow:hidden}.project-card .card-image~.slot-label,.project-card .card-video~.slot-label{position:relative;z-index:2}.project-card .card-image~.slot-icon,.project-card .card-video~.slot-icon,.project-card .card-image~.slot-note,.project-card .card-video~.slot-note{position:relative;z-index:2}

/* Contact page */
.contact-body{background:radial-gradient(ellipse at 85% 0%,#260000 0,transparent 45%),#080808}
.contact-page{max-width:1440px;margin:0 auto;padding:54px 7% 0}
.contact-hero{padding:20px 0 65px;border-bottom:1px solid #2b2b2b}
.contact-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end}
.contact-hero h1{font-size:clamp(68px,9vw,132px);line-height:.9;letter-spacing:-6px;margin:28px 0 0}
.contact-hero h1 em,.contact-final h2 em{color:#cc0000;font-style:italic}
.contact-intro{padding-bottom:10px}
.contact-intro>p{font-size:clamp(18px,2vw,23px);line-height:1.65;color:#c5c5c5;margin:0 0 28px;max-width:520px}
.availability-line{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.5px;color:#ddd}
.availability-dot{width:8px;height:8px;border-radius:50%;background:#cc0000;box-shadow:0 0 0 4px #cc000026;flex:0 0 auto}
.contact-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;border-bottom:1px solid #2b2b2b}
.contact-card{min-height:290px;padding:42px 34px;border-right:1px solid #2b2b2b}
.contact-card:first-child{padding-left:0}
.contact-card:last-child{border-right:0;padding-right:0}
.contact-number{font:11px 'Courier New',monospace;letter-spacing:2px;color:#8e8e8e}
.contact-card h2{font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-1px;margin:27px 0 18px}
.contact-card p{font-size:15px;line-height:1.75;color:#aaa;margin:0;max-width:360px}
.contact-email{display:block;color:#fff;text-decoration:none;font-size:clamp(22px,3vw,40px);font-weight:700;letter-spacing:-1px;overflow-wrap:anywhere;margin:30px 0}
.contact-email:hover{color:#cc0000}
.contact-card-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.contact-card-actions a,.contact-copy{color:#ddd;background:none;border:0;padding:0;text-decoration:none;font-size:13px}
.contact-card-actions a:hover,.contact-copy:hover{color:#cc0000}
.contact-services,.contact-inquiry,.contact-social,.contact-final{padding:65px 0;border-bottom:1px solid #2b2b2b}
.contact-section-heading{display:grid;grid-template-columns:.55fr 1fr;column-gap:50px;align-items:start;margin-bottom:42px}
.contact-section-heading .eyebrow{grid-column:1}
.contact-section-heading h2{grid-column:2;font-size:clamp(34px,4.5vw,62px);line-height:1.05;letter-spacing:-2px;margin:0}
.contact-section-copy{grid-column:2;color:#aaa;line-height:1.7;max-width:660px;margin:18px 0 0}
.contact-service-list{border-top:1px solid #333}
.contact-service-list>div{display:grid;grid-template-columns:60px minmax(200px,.8fr) 1.3fr;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid #242424}
.contact-service-list>div>span{font:11px 'Courier New',monospace;color:#777}
.contact-service-list strong{font-size:19px;font-weight:500}
.contact-service-list p{color:#999;line-height:1.55;margin:0}
.contact-form{margin-left:calc(35% + 10px);max-width:860px}
.contact-form label{display:block;margin-bottom:24px}
.contact-form label>span{display:block;font:11px 'Courier New',monospace;letter-spacing:1.5px;color:#aaa;margin-bottom:10px;text-transform:uppercase}
.contact-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #3b3b3b;border-radius:3px;background:#101010;color:#f4f4f4;padding:15px 16px;font:inherit}
.contact-form textarea{resize:vertical;min-height:165px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:1px solid #cc0000;border-color:#cc0000}
.contact-form select{appearance:auto}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#686868}
.contact-form-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.contact-submit{background:#cc0000;color:#fff;border:0;border-radius:3px;padding:15px 24px;font-weight:700}
.contact-submit:hover{background:#a90000}
.contact-form-footer p{font-size:12px;color:#777;margin:0;max-width:420px;line-height:1.55}
.contact-social{display:grid;grid-template-columns:.55fr 1fr;gap:50px}
.contact-social h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1.5px;margin:20px 0 0}
.contact-social-links{display:grid;grid-template-columns:1fr 1fr;align-content:start}
.contact-social-links a{padding:20px 0;border-bottom:1px solid #333;color:#fff;text-decoration:none;font-size:19px}
.contact-social-links a:nth-child(odd){margin-right:30px}
.contact-social-links a:hover{color:#cc0000}
.contact-final{border-bottom:0;padding-bottom:80px}
.contact-final h2{font-size:clamp(42px,6vw,82px);line-height:1;letter-spacing:-3px;margin:25px 0 38px}
.contact-final-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.contact-final-links .return-link{margin:0;border:0;padding:0}
@media(max-width:900px){.contact-hero-grid{grid-template-columns:1fr;gap:25px}.contact-hero h1{letter-spacing:-4px}.contact-grid{grid-template-columns:1fr}.contact-card,.contact-card:first-child,.contact-card:last-child{min-height:0;padding:32px 0;border-right:0;border-bottom:1px solid #2b2b2b}.contact-card:last-child{border-bottom:0}.contact-section-heading{grid-template-columns:1fr;gap:18px}.contact-section-heading h2,.contact-section-copy{grid-column:1}.contact-form{margin-left:0}.contact-social{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.contact-page{padding:30px 7% 0}.contact-hero{padding-bottom:45px}.contact-hero h1{font-size:clamp(64px,18vw,92px);letter-spacing:-3px}.contact-services,.contact-inquiry,.contact-social,.contact-final{padding:45px 0}.contact-service-list>div{grid-template-columns:36px 1fr;gap:15px}.contact-service-list p{grid-column:2}.contact-field-grid{grid-template-columns:1fr;gap:0}.contact-social-links{grid-template-columns:1fr}.contact-social-links a:nth-child(odd){margin-right:0}.contact-final h2{letter-spacing:-2px}}

/* EditedByLJ navigation logo */
.site-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0!important;margin-right:8px;text-decoration:none}
.site-logo:after{display:none!important}
.site-logo img{display:block;width:58px;height:42px;object-fit:contain;object-position:center}
@media(max-width:1000px){.site-logo img{width:50px;height:36px}.site-logo{margin-right:3px}}
@media(max-width:720px){.site-logo{width:100%;justify-content:flex-start;margin:0 0 6px}.site-logo img{width:52px;height:38px}}



/* Final typography: portfolio display titles use upright type, never italics. */
h1 em,h2 em,h3 em,.feature h1 em,.about-intro h1 em,.contact-hero h1 em,.contact-final h2 em{font-style:normal!important;}

/* Contact clipboard feedback. */
.copy-toast{position:fixed;left:50%;bottom:28px;z-index:10000;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#f4f4f4;color:#080808;border-radius:4px;padding:11px 18px;font-size:13px;font-weight:700;letter-spacing:.2px;box-shadow:0 8px 30px #0008;transition:opacity .18s ease,transform .18s ease}
.copy-toast.show{opacity:1;transform:translate(-50%,0)}
.contact-email{cursor:pointer}
.contact-social-links-single{grid-template-columns:1fr}
.contact-social-links-single a{margin-right:0!important;max-width:520px}

/* Hero reel background + fullscreen playback */
.hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-height:none;margin:0;object-fit:cover;background:#080a0c;pointer-events:none}
.hero-video[hidden]{display:none}
.backdrop{z-index:-3}
#modal.fullscreen-reel-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#000;overflow:hidden}
#modal.fullscreen-reel-dialog::backdrop{background:#000}
#modal.fullscreen-reel-dialog>.eyebrow,#modal.fullscreen-reel-dialog>#modal-title{display:none}
#modal.fullscreen-reel-dialog #modal-content{width:100%;height:100%;display:grid;place-items:center}
#modal.fullscreen-reel-dialog .cms-project-player{width:100%;height:100%;max-height:none;margin:0;object-fit:contain;background:#000}
#modal.fullscreen-reel-dialog .close{z-index:10;right:18px;top:14px;background:#0008;border-radius:999px;font-size:34px}


/* Netflix-inspired fullscreen project player */
#modal.streaming-player-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#000;overflow:hidden}
#modal.streaming-player-dialog::backdrop{background:#000}
#modal.streaming-player-dialog>.eyebrow,#modal.streaming-player-dialog>#modal-title,#modal.streaming-player-dialog>.close{display:none!important}
#modal.streaming-player-dialog #modal-content{width:100%;height:100%;padding:0;margin:0;background:#000}
.stream-player{position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:grid;place-items:center;cursor:default}
.stream-player-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.stream-player:fullscreen{width:100vw;height:100vh;background:#000}
.stream-player-topbar{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 34px 70px;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.25),transparent);opacity:0;transition:opacity .2s ease}
.stream-player:hover .stream-player-topbar,.stream-player.is-paused .stream-player-topbar{opacity:1}
.stream-player-title{font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 4px #000}
.stream-player-close{width:44px;height:44px;border:0;border-radius:999px;background:#181818cc;color:#fff;font-size:32px;line-height:1;display:grid;place-items:center;cursor:pointer}
.stream-player-close:hover{background:#2a2a2a}
.stream-player-center-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border:2px solid #fff;border-radius:999px;background:#0008;color:#fff;font-size:30px;display:grid;place-items:center;opacity:0;transition:opacity .18s ease,transform .18s ease;cursor:pointer}
.stream-player.is-paused .stream-player-center-play{opacity:1}
.stream-player-center-play:hover{transform:translate(-50%,-50%) scale(1.06)}
.stream-player-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:85px 34px 28px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.45),transparent);opacity:0;transition:opacity .2s ease}
.stream-player:hover .stream-player-controls,.stream-player.is-paused .stream-player-controls{opacity:1}
.stream-player-progress-wrap{width:100%;display:flex;align-items:center;margin-bottom:14px}
.stream-player-progress{appearance:none;-webkit-appearance:none;width:100%;height:5px;background:linear-gradient(to right,#e50914 0%,#e50914 calc(var(--progress,0)*1%),#777 0,#777 100%);border-radius:999px;cursor:pointer;accent-color:#e50914}
.stream-player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#e50914;border:0}
.stream-player-progress::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#e50914;border:0}
.stream-player-controls-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.stream-player-controls-left,.stream-player-controls-right{display:flex;align-items:center;gap:16px}
.stream-player-controls button{border:0;background:transparent;color:#fff;font-size:25px;line-height:1;cursor:pointer;padding:5px}
.stream-player-controls button:hover{transform:scale(1.08)}
.stream-player-time{font:13px 'Courier New',monospace;color:#eee;white-space:nowrap}
@media(max-width:650px){.stream-player-topbar{padding:18px 18px 55px}.stream-player-controls{padding:70px 18px 20px}.stream-player-center-play{width:68px;height:68px;font-size:24px}.stream-player-title{font-size:14px}.stream-player-controls button{font-size:22px}}

/* --- Cinematic preview + streaming interactions --- */
.hero{min-height:100svh;background:#050505}
.hero .hero-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-height:none;margin:0;object-fit:cover;object-position:center;background:#000;filter:saturate(.88) contrast(1.05) brightness(.72)}
.hero .backdrop{z-index:-4}
.hero:after{z-index:-1;background:
  linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 28%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.16) 100%),
  linear-gradient(0deg,rgba(8,8,8,1) 0%,rgba(8,8,8,.78) 11%,rgba(0,0,0,.22) 39%,rgba(0,0,0,.2) 100%),
  radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.52) 100%)}
.hero .feature{margin-top:auto;padding-top:0;padding-bottom:42px;max-width:min(760px,68vw);position:relative;z-index:3}
.hero .feature h1{margin-bottom:15px;text-shadow:0 3px 26px rgba(0,0,0,.72)}
.hero .feature .description,.hero .feature .metadata,.hero .feature .eyebrow{text-shadow:0 2px 10px rgba(0,0,0,.8)}
.hero .edit-strip{position:relative;z-index:3;margin-top:0}

/* Compact, contained project previews. */
.project-rail{overflow-x:auto;overflow-y:hidden;padding:5px 2px 18px;margin:0;scroll-padding-inline:2px}
.project-card{position:relative;display:block;cursor:pointer;border-radius:5px;background:none;overflow:hidden;transition:none}
.project-card:hover,.project-card:focus-visible,.project-card.is-previewing{transform:none;box-shadow:none}
.project-card:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.project-card .card-art{border-radius:5px;overflow:hidden;transform:none;isolation:isolate}
.project-card .card-image,.project-card .card-video{transform:none;transition:opacity .28s ease;filter:saturate(.88) contrast(1.05) brightness(.72)}
.project-card .card-video{opacity:0}
.project-card.is-previewing .card-video{opacity:1}
.card-preview-shade{position:absolute!important;z-index:1!important;inset:0;pointer-events:none;background:
 linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 28%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.16) 100%),
 linear-gradient(0deg,rgba(8,8,8,1) 0%,rgba(8,8,8,.78) 11%,rgba(0,0,0,.22) 39%,rgba(0,0,0,.2) 100%),
 radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.52) 100%)}
.project-card .slot-label{z-index:2;color:#fff;text-shadow:0 2px 8px #000}
.project-card .slot-icon{position:absolute!important;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 2px 8px #000}

/* Fullscreen viewing experience: source card/hero expands into the player. */
#modal.streaming-player-dialog{background:#000;opacity:1}
#modal.streaming-player-dialog::backdrop{background:#000;animation:playerBackdropIn .3s ease both}
#modal.streaming-player-dialog #modal-content{overflow:hidden}
.stream-player{--player-origin-x:0px;--player-origin-y:0px;--player-origin-sx:1;--player-origin-sy:1;position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:grid;place-items:center;cursor:default;transform-origin:center center;will-change:transform,border-radius,filter}
.stream-player.player-enter-from-source{transform:translate(var(--player-origin-x),var(--player-origin-y)) scale(var(--player-origin-sx),var(--player-origin-sy));border-radius:7px;filter:brightness(.76)}
.stream-player.player-enter-from-source.player-entered{transform:translate(0,0) scale(1);border-radius:0;filter:brightness(1);transition:transform .48s cubic-bezier(.2,.78,.18,1),border-radius .48s ease,filter .38s ease}
.stream-player-video{width:100%;height:100%;object-fit:contain;background:#000;display:block;margin:0;max-height:none}
.stream-player:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.36) 16%,transparent 36%),linear-gradient(to bottom,rgba(0,0,0,.42),transparent 18%);opacity:.42;transition:opacity .25s ease}
.stream-player:hover:after,.stream-player.is-paused:after{opacity:1}
.stream-player-topbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;padding:28px 32px 72px;background:linear-gradient(to bottom,rgba(0,0,0,.68),transparent);opacity:0;transition:opacity .2s ease}
.stream-player:hover .stream-player-topbar,.stream-player.is-paused .stream-player-topbar{opacity:1}
.stream-player-close{width:42px;height:42px;border:0;border-radius:999px;background:#171717c9;color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 12px #0008}
.stream-player-close:hover{background:#2d2d2d;transform:scale(1.06)}
.stream-player-center-play{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border:2px solid #fff;border-radius:999px;background:#0009;color:#fff;font-size:28px;display:grid;place-items:center;opacity:0;transition:opacity .18s ease,transform .18s ease;cursor:pointer}
.stream-player.is-paused .stream-player-center-play{opacity:1}
.stream-player-center-play:hover{transform:translate(-50%,-50%) scale(1.06)}
.stream-player-controls{position:absolute;z-index:5;left:clamp(18px,3vw,50px);right:clamp(18px,3vw,50px);bottom:clamp(20px,3.4vh,42px);padding:0;background:none;opacity:0;transition:opacity .22s ease,transform .22s ease;transform:translateY(8px)}
.stream-player:hover .stream-player-controls,.stream-player.is-paused .stream-player-controls{opacity:1;transform:translateY(0)}
.stream-player-title{font-size:clamp(24px,3vw,44px);line-height:1.02;font-weight:750;color:#fff;text-shadow:0 3px 15px #000;margin:0 0 18px;max-width:min(760px,70vw);letter-spacing:-.035em}
.stream-player-progress-wrap{width:100%;display:flex;align-items:center;margin-bottom:14px}
.stream-player-progress{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right,#e50914 0%,#e50914 calc(var(--progress,0)*1%),rgba(255,255,255,.46) 0,rgba(255,255,255,.46) 100%);border-radius:999px;cursor:pointer;accent-color:#e50914}
.stream-player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#e50914;border:0;box-shadow:0 0 0 2px #0005}.stream-player-progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#e50914;border:0}
.stream-player-controls-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.stream-player-controls-left,.stream-player-controls-right{display:flex;align-items:center;gap:16px}.stream-player-controls button{border:0;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:5px;transition:transform .14s ease}.stream-player-controls button:hover{transform:scale(1.1)}.stream-player-time{font:13px 'Courier New',monospace;color:#eee;white-space:nowrap}
@keyframes playerBackdropIn{from{opacity:0}to{opacity:1}}
@media(max-width:720px){.hero .feature{max-width:100%;padding-bottom:28px}.stream-player-title{font-size:24px;margin-bottom:12px;max-width:85vw}.stream-player-controls{left:18px;right:18px;bottom:20px}.stream-player-topbar{padding:18px 18px 55px}}
@media(prefers-reduced-motion:reduce){.stream-player.player-enter-from-source,.stream-player.player-enter-from-source.player-entered{transform:none;transition:none}.project-card{transition:none}.project-card:hover,.project-card:focus-visible,.project-card.is-previewing{transform:none}}

/* Shared hero/project player volume control. */
.stream-player-audio{display:flex;align-items:center;gap:8px}
.stream-player-volume-slider{width:100px;min-width:50px;height:24px;margin:0;cursor:pointer;accent-color:#e50914}
.stream-player-volume-slider:focus-visible{outline:2px solid #fff;outline-offset:3px}
.stream-player:focus-within .stream-player-controls,.stream-player:focus-within .stream-player-topbar{opacity:1;transform:none}
@media(hover:none){.stream-player-controls,.stream-player-topbar{opacity:1;transform:none}}
@media(max-width:480px){.stream-player-controls-left,.stream-player-controls-row{gap:8px}.stream-player-volume-slider{width:64px}.stream-player-time{font-size:11px}.stream-player-audio{gap:3px}}

/* Keep a paused video frame visible when no thumbnail was supplied. */
.project-card.has-video-thumbnail .card-video{opacity:1}