:root{--bg:#080808;--panel:#101010;--text:#f4f1eb;--muted:#aaa49a;--line:#242424;--accent:#ff5a0a;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,rgba(255,90,10,.1),transparent 28%);z-index:-1}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea,select{font:inherit}
.site-header{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:18px 24px;background:rgba(8,8,8,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.logo{font-family:"Barlow Condensed";font-size:1.45rem;font-weight:800}.logo span{color:var(--accent)}nav{display:flex;gap:28px;align-items:center}nav a{color:var(--muted);font-size:.9rem}.nav-cta{border:1px solid var(--accent);padding:10px 16px;color:white}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.4rem}
.section{max-width:var(--max);margin:auto;padding:110px 24px}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.3em;margin:0 0 18px;text-transform:uppercase}h1,h2,h3{font-family:"Barlow Condensed";margin:0;line-height:.95;text-transform:uppercase}h1{font-size:clamp(4.4rem,8vw,8rem);letter-spacing:-.035em}h1 span{color:var(--accent)}h2{font-size:clamp(3.2rem,6vw,5.6rem)}h3{font-size:1.8rem}.hero-text,.about-copy>p,.section-intro,.contact-copy>p{color:var(--muted);max-width:680px}.hero-text{font-size:1.05rem;margin:28px 0 34px;max-width:600px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 24px;border:1px solid var(--line);text-transform:uppercase;font-weight:700;font-size:.84rem;letter-spacing:.06em;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.hero-stats{display:flex;gap:38px;margin-top:46px;flex-wrap:wrap}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:"Barlow Condensed";font-size:2rem;color:var(--accent)}.hero-stats span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.hero-stats small{max-width:170px;margin-top:7px;color:#77736d;font-size:.68rem;line-height:1.35;text-transform:none;letter-spacing:0}
.hero-visual{position:relative}.visual-frame{position:relative;border:1px solid var(--line);padding:12px;background:#0d0d0d}.visual-frame img{height:650px;object-fit:cover;filter:saturate(.8) contrast(1.06)}.visual-frame:after{content:"";position:absolute;inset:12px;background:linear-gradient(to top,rgba(0,0,0,.56),transparent 45%)}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(255,90,10,.88);z-index:2}.visual-label{position:absolute;left:30px;bottom:28px;z-index:2;font-size:.72rem;letter-spacing:.2em}.floating-card{position:absolute;right:-24px;bottom:-28px;background:var(--accent);padding:18px 22px;min-width:200px;display:flex;flex-direction:column}.floating-card span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.floating-card strong{font-family:"Barlow Condensed";font-size:1.55rem;text-transform:uppercase}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#0d0d0d}.marquee-track{display:flex;gap:24px;white-space:nowrap;padding:16px 0;animation:move 24s linear infinite;font-family:"Barlow Condensed";font-weight:700;letter-spacing:.12em}.marquee-track i{color:var(--accent)}@keyframes move{to{transform:translateX(-45%)}}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:9px 13px;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;cursor:pointer}.filters button.active,.filters button:hover{background:var(--accent);border-color:var(--accent);color:white}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-card{grid-column:span 6;min-height:330px;height:330px;position:relative;overflow:hidden;background:var(--panel)}.project-card.wide{grid-column:1/-1;height:360px}.project-card img{height:100%;object-fit:cover;transition:.5s;filter:saturate(.8)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.93),rgba(0,0,0,.08) 70%)}.project-card:hover img{transform:scale(1.04);filter:saturate(1)}.project-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.project-overlay span{font-size:.7rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase}.project-overlay h3{margin:6px 0}.project-overlay p{margin:0;color:#c0bbb3;font-size:.86rem}.project-card.hidden{display:none}
.project-card[href]{display:block;color:inherit;text-decoration:none;cursor:pointer}.channel-link-badge{position:absolute;z-index:3;top:18px;right:18px;display:flex;align-items:center;gap:8px;transform:translateY(-6px);opacity:0;transition:opacity .25s ease,transform .25s ease}.youtube-icon{display:grid;place-items:center;width:38px;height:30px;border-radius:8px;background:#ff4f0a;color:#fff;font-size:.82rem;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.35)}.channel-tooltip{padding:7px 9px;border:1px solid rgba(255,255,255,.14);background:rgba(9,9,9,.9);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.project-card[href]:hover .channel-link-badge,.project-card[href]:focus-visible .channel-link-badge{opacity:1;transform:translateY(0)}.project-card[href]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-image{position:relative}.about-image img{height:690px;object-fit:cover;filter:saturate(.75)}.timezone{position:absolute;right:-28px;bottom:-28px;background:#151515;border:1px solid var(--line);padding:22px;color:var(--accent);font-family:"Barlow Condensed";font-size:1.6rem;font-weight:800}.timezone small{display:block;color:var(--muted);font:500 .68rem Inter;letter-spacing:.14em}.about-copy h2{font-size:clamp(3rem,5.5vw,5.2rem)}.about-copy>p{margin:28px 0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#d4d0c9;font-size:.9rem}.language-row{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.language-row div{border:1px solid var(--line);padding:14px 18px;min-width:145px}.language-row b,.language-row small{display:block}.language-row small{color:var(--muted)}
.services{border-top:1px solid var(--line)}.section-intro{max-width:470px}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.price-card{position:relative;padding:34px;background:var(--panel);border:1px solid var(--line);min-height:350px}.price-card.featured{border-color:var(--accent);background:linear-gradient(145deg,rgba(255,90,10,.12),#101010 45%)}.price-label{position:absolute;top:16px;right:16px;background:var(--accent);padding:6px 9px;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.price{font-family:"Barlow Condensed";font-size:4rem;color:var(--accent);font-weight:800;margin:16px 0 4px}.price small{font:500 .82rem Inter;color:var(--muted);text-transform:uppercase}.price-card p{color:var(--muted)}.payment-banner{margin-top:16px;border:1px solid var(--line);padding:22px 26px;display:flex;justify-content:space-between;gap:20px;background:#0d0d0d}.payment-banner span{color:var(--accent);font-size:.72rem;letter-spacing:.18em}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact-list{margin-top:30px;display:flex;flex-direction:column;gap:12px;color:var(--muted)}.contact-list a{color:white}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:flex;flex-direction:column;gap:8px;color:#bbb5ad;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}form label:nth-child(3),form label:nth-child(4),form button,form small{grid-column:1/-1}input,select,textarea{background:#111;border:1px solid var(--line);color:white;padding:15px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}form small{color:#77736d}footer{max-width:var(--max);margin:auto;padding:28px 24px 50px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#6f6b65}
@media(max-width:900px){.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 24px;background:#0b0b0b;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero,.about,.contact{grid-template-columns:1fr}.project-card{grid-column:span 6;height:320px}.project-card.wide{grid-column:1/-1;height:340px}.section-heading{align-items:flex-start;flex-direction:column}.visual-frame img{height:520px}}
@media(max-width:620px){.section{padding:78px 18px}.site-header{padding:16px 18px}h1{font-size:4rem}.project-card,.project-card.wide{grid-column:1/-1;height:300px}.pricing-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.about-image img{height:470px}form{grid-template-columns:1fr}footer,.payment-banner{flex-direction:column}}

.hero-video-wrap{position:relative;width:100%;height:100%;background:#000;overflow:hidden}
.hero-video{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.unmute-button{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);z-index:5;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(8,8,8,.82);backdrop-filter:blur(8px);color:#fff;padding:11px 17px;font:600 .78rem Inter,sans-serif;letter-spacing:.04em;cursor:pointer;transition:.2s}
.unmute-button:hover{background:var(--accent);border-color:var(--accent);transform:translateX(-50%) translateY(-2px)}
.unmute-button.hidden{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:620px){.unmute-button{bottom:54px;padding:10px 14px;font-size:.72rem}}
/* Persistent custom showreel controls */
.visual-frame:after{pointer-events:none}
.hero-video-wrap{position:relative;width:100%;height:650px;background:#000;overflow:hidden}
.hero-video{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.video-controls{position:absolute;z-index:6;left:22px;right:22px;bottom:20px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(8,8,8,.82);backdrop-filter:blur(10px);border-radius:10px;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.hero-video-wrap.controls-visible .video-controls{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.video-control-button{width:40px;height:38px;flex:0 0 40px;border:1px solid rgba(255,255,255,.24);border-radius:7px;background:#161616;color:#fff;cursor:pointer;font-size:.95rem;display:grid;place-items:center}
.video-control-button:hover,.video-control-button:focus-visible{background:var(--accent);border-color:var(--accent);outline:none}
.volume-control{display:flex;align-items:center;gap:10px;flex:1;color:#fff;font:600 .7rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.volume-control input{width:100%;min-width:80px;padding:0;border:0;background:transparent;accent-color:var(--accent);cursor:pointer}
@media(max-width:900px){.hero-video-wrap{height:520px}}
@media(max-width:620px){.video-controls{left:12px;right:12px;bottom:12px;padding:8px}.volume-control span{display:none}.video-control-button{width:38px;height:36px;flex-basis:38px}}

/* Centered portfolio heading; category filters removed */
#work .portfolio-heading{justify-content:center;align-items:center;text-align:center;margin-bottom:42px}
#work .portfolio-heading>div{width:100%}
#work .portfolio-heading .eyebrow{margin-bottom:18px}

/* Editing software cards */
.software-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}
.software-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:14px 16px;min-height:76px;background:#0d0d0d;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.software-card:hover{border-color:var(--accent);transform:translateY(-2px);background:#111}
.software-card b,.software-card small{display:block}
.software-card b{font-size:.92rem;color:var(--text)}
.software-card small{color:var(--muted);font-size:.74rem;margin-top:2px}
.software-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:7px;font-weight:800;font-size:.88rem;letter-spacing:-.02em;border:1px solid rgba(255,255,255,.12)}
.software-icon.premiere{background:#1f1147;color:#c9a7ff}
.software-icon.vegas{background:#0e2638;color:#64c8ff}
.software-icon.capcut{background:#f3f3f3;color:#111}
.software-icon.photoshop{background:#071e35;color:#42bdf5}
@media(max-width:620px){.software-row{grid-template-columns:1fr}}

/* Wise payment icon */
.payment-info{display:flex;align-items:center;gap:14px;margin-left:auto}.wise-icon{width:42px;height:42px;flex:0 0 42px;object-fit:contain;border-radius:10px}.payment-info strong{line-height:1.35;text-align:right}
@media(max-width:620px){.payment-info{margin-left:0}.payment-info strong{text-align:left}}

/* Final portfolio details */
.project-period{display:block;margin-top:5px;color:#b8b8b8;font-size:.7rem;line-height:1.3;letter-spacing:.02em}.payment-banner{align-items:center}.payment-banner>span{min-width:150px;display:flex;align-items:center;justify-content:center;text-align:center}.payment-info{align-items:center}
@media(max-width:620px){.payment-banner>span{min-width:0;justify-content:flex-start;text-align:left}}