@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#090d1a;--white:#f2f1ed;--muted:#9da6ba;--green:#24c47c;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}header{height:102px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:2;width:100%;border-bottom:1px solid var(--line)}.logo{width:164px;height:65px;object-fit:cover;object-position:center 57%}nav{display:flex;gap:30px;font-size:12px}.contact{font-size:12px;border:1px solid #ffffff60;border-radius:30px;padding:13px 20px}.hero{min-height:790px;height:96vh;max-height:1050px;position:relative;display:flex;align-items:center;padding:130px 8% 100px;background:linear-gradient(90deg,#060c1cce,#11142b66),linear-gradient(0deg,#090d1a,transparent 45%),url('assets/studio.jpg') center/cover;overflow:hidden}.hero-content{z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk',sans-serif;font-weight:400;letter-spacing:-4px;line-height:1.07}h1{font-size:clamp(60px,6.8vw,100px);margin:33px 0}em{font-family:Georgia,serif;font-weight:400;color:#c2c7e6}.intro{font-size:15px;line-height:1.9;color:#c7cdde}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:0;border-radius:30px;padding:16px 25px;font-size:12px;font-weight:600}.light{background:var(--white);color:#101529}.text-link{font-size:12px}.text-link span{margin-left:15px}.hero-bottom{position:absolute;bottom:34px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#a3adc8}.wave{position:absolute;width:550px;height:550px;right:-150px;top:130px;border:1px solid #96a6db18;border-radius:50%;box-shadow:0 0 0 35px #96a6db09,0 0 0 70px #96a6db08,0 0 0 105px #96a6db06}.section{padding:80px 8%}.section-label{font-size:9px;letter-spacing:1.7px;display:flex;justify-content:space-between;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;margin:30px 0 40px;gap:35px}h2{font-size:clamp(38px,4.3vw,64px);margin:0;letter-spacing:-2.4px}.section-title>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 4px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.projects article img{width:100%;height:375px;object-fit:cover;object-position:top;border-radius:3px;filter:saturate(.85);transition:.4s}.projects article:hover img{transform:translateY(-5px);filter:saturate(1.2)}.projects article>div{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.projects h3{font-size:17px;font-weight:500;margin:0}.projects span{font-size:8px;letter-spacing:1px;color:var(--muted)}.playground{background:linear-gradient(135deg,#11172c,#111025)}.scoring{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #ffffff22;border-radius:8px;overflow:hidden}.scene{position:relative;min-height:475px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#c38684 0,#4e537c 40%,#182a4a 80%);transition:background 1s}.scene[data-mood=tension]{background:radial-gradient(ellipse at 50% 50%,#754258 0,#32213f 40%,#0c1225 80%)}.scene[data-mood=resolve]{background:radial-gradient(ellipse at 50% 50%,#dbc79f 0,#537e80 45%,#162b46 90%)}.sun{position:absolute;width:100px;height:100px;left:45%;top:24%;border-radius:50%;background:#fff2c8;box-shadow:0 0 80px #ffd7b2a8;transition:1s}.scene[data-mood=tension] .sun{background:#b6a9cd;transform:translateY(35px) scale(.7)}.mountain{position:absolute;width:150%;height:65%;left:-20%;bottom:-10%;background:#172338;clip-path:polygon(0 68%,20% 30%,35% 58%,61% 10%,100% 80%,100% 100%,0 100%)}.mountain.far{background:#363e60;bottom:3%;left:0;opacity:.8}.mountain.near{background:#101b2c}.scene-caption{position:absolute;bottom:45px;left:35px;right:25px;z-index:1}.scene-caption>span{font-size:7px;letter-spacing:1.5px;color:#b5c0d5}.scene h3{font:italic 34px Georgia;margin:18px 0 10px}.scene p{font-size:11px;line-height:1.6;color:#b8c3d7;max-width:280px}.timecode{position:absolute;top:22px;left:25px;font:9px monospace;letter-spacing:2px}.desk{background:#0c1122;padding:30px}.desk-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#8a94ad}.moods{display:flex;gap:8px;margin:17px 0 30px}.moods button{background:none;border:1px solid #ffffff25;color:#aeb6ce;border-radius:25px;padding:9px 17px;font-size:11px}.moods button[aria-pressed=true]{color:#fff;border-color:#8a92c5;background:#2d3353}.layer{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:15px 0;width:100%;color:#dde1ed;background:none;border-top:0;border-left:0;border-right:0;text-align:left}.layer-icon{font-size:20px;color:#8792b9;width:24px}.layer-text{display:flex;flex-direction:column;gap:5px;font-size:12px}.layer-text small{font-size:9px;color:#7986a4}.toggle{margin-left:auto;width:30px;height:17px;border-radius:20px;background:#32394f;position:relative}.toggle:after{content:'';width:11px;height:11px;background:#7e89a5;position:absolute;left:3px;top:3px;border-radius:50%;transition:.2s}.layer[aria-pressed=true] .toggle{background:#225841}.layer[aria-pressed=true] .toggle:after{background:#65d69b;left:16px}.layer[aria-pressed=true] .layer-icon{color:#65d69b}.intensity{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1px;margin:24px 0}.intensity input{flex:1;width:80px;accent-color:#9cacdf}.intensity output{width:30px}.transport{display:flex;align-items:center;gap:25px}.reset{border:0;background:none;color:#a5aec7;font-size:10px}.feedback{font-size:9px;color:#8995b2;line-height:1.5;margin:16px 0 0}.demo-note{color:#7e89a5;font-size:9px;line-height:1.7;margin:17px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:100px;padding-bottom:100px}.about h2{margin-top:30px}.about-copy p{font-size:14px;line-height:1.9;color:#a7b0c7}.about-copy strong{color:#e2e5ee;font-weight:500}.services{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:24px;border-top:1px solid var(--line);font-size:10px;color:#c4cbdb}.services span:before{content:'↗';margin-right:9px;color:var(--green)}.cta{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#242046,#090d1a 70%)}.cta h2{margin:30px 0}.cta .email{display:block;font-size:12px;color:#97a2bc;margin-top:20px}footer{display:flex;align-items:center;gap:35px;margin:0 6%;padding:25px 0;font-size:10px;color:#8f9ab1;border-top:1px solid var(--line)}footer .logo{width:120px}footer>span{margin-right:auto}footer small{font-size:8px}.playing .sun{animation:breathe 4s infinite alternate}@keyframes breathe{to{box-shadow:0 0 120px #ffd7b2d8}}@media(max-width:900px){nav{gap:15px;font-size:10px}header{padding:0 5%}.contact{font-size:10px}.hero{padding-left:7%;min-height:700px}h1{font-size:70px}.section{padding:60px 6%}.projects article img{height:300px}.desk{padding:25px 20px}.scoring{grid-template-columns:1fr 1fr}.scene h3{font-size:28px}.section-title>p{max-width:240px}.about{gap:35px}.moods button{padding:8px 12px}.desk-head{font-size:6px}}@media(max-width:600px){header{height:85px}.logo{width:130px;height:60px}nav{display:none}.contact{font-size:9px;padding:11px 14px}.hero{min-height:680px;height:90vh;padding:140px 7% 100px;background-position:65% center}h1{font-size:58px;letter-spacing:-3.5px}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro{font-size:13px}.hero-actions{gap:22px}.text-link{font-size:10px}.button{font-size:11px;padding:15px 20px;gap:20px}.hero-bottom{font-size:6px;line-height:1.7;gap:30px}.hero-bottom>span{max-width:55%}.section-label>span:last-child{display:none}.section-title{display:block;margin:25px 0 30px}.section-title>p{margin-top:22px;max-width:none;font-size:12px}.projects{gap:25px;grid-template-columns:1fr}.projects article img{height:auto;max-height:470px;object-fit:cover}.projects h3{font-size:19px}.scoring{grid-template-columns:1fr}.scene{min-height:340px}.scene-caption{bottom:22px;left:25px}.sun{width:75px;height:75px}.desk{padding:25px}.desk-head{font-size:7px}.about{grid-template-columns:1fr;gap:30px}h2{font-size:43px}.about-copy p{font-size:13px}.cta h2{font-size:48px}footer{flex-wrap:wrap;gap:12px 25px}footer>span{font-size:9px}footer>a,footer small{margin-left:8px}.work{padding-top:45px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Preserve titles and artwork across the expanded film and series collection. */
.projects{row-gap:38px}.projects article{min-width:0}.projects article img{height:auto;aspect-ratio:16/10;object-fit:contain;background:#101526}.projects article>div{gap:12px;align-items:start}.projects h3{font-size:15px;line-height:1.45}.projects article>div>span{flex-shrink:0;padding-top:5px}@media(max-width:900px) and (min-width:601px){.projects{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects article img{height:auto;max-height:none;aspect-ratio:16/10}.projects h3{font-size:17px}}

body{text-transform:capitalize}.email{text-transform:none}.projects article img.blood-water-art{object-fit:cover;object-position:50% 40%}
/* Cinematic scene treatment, with mood and score-driven atmosphere. */
.scene{isolation:isolate;background:#15233d;min-height:545px}.scene .sun,.scene .mountain{display:none}.scene:before{content:'';position:absolute;inset:-3%;z-index:-3;background:url('assets/score-world.jpg') center 43%/cover;transform:scale(1.03);transition:filter 1.8s,transform 2s;filter:saturate(.9)}.scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#070c2033,transparent 40%,#07101c22 55%,#07101cf2 100%);pointer-events:none}.scene[data-mood=tension]:before{filter:hue-rotate(27deg) saturate(.75) brightness(.7)}.scene[data-mood=resolve]:before{filter:hue-rotate(-17deg) saturate(.8) brightness(1.2)}.scene-stars{position:absolute;inset:0;z-index:-2;opacity:.7;background:radial-gradient(circle at 20% 32%,#b3eed7 0 1px,transparent 2px),radial-gradient(circle at 72% 62%,#d9c18b 0 1px,transparent 2px),radial-gradient(circle at 38% 68%,#9ed9d9 0 1px,transparent 2px),radial-gradient(circle at 81% 23%,#e3d7a1 0 1px,transparent 2px),radial-gradient(circle at 60% 48%,#b2d4db 0 1px,transparent 2px);background-size:210px 290px;pointer-events:none}.scene-caption{bottom:30px;left:30px;right:28px}.scene-caption h3{font-size:34px;text-shadow:0 2px 20px #0008}.scene-caption p{color:#c1cadb}.timecode{z-index:2;background:#0a122866;border:1px solid #c3ccdf33;backdrop-filter:blur(8px);padding:8px 10px;border-radius:3px}.playing .scene:before{animation:scene-drift 28s ease-in-out infinite alternate}.playing .scene-stars{animation:fireflies 9s linear infinite}.scene[data-density="4"] .scene-stars{opacity:1}.scene[data-density="1"] .scene-stars{opacity:.3}@keyframes scene-drift{to{transform:scale(1.12) translateY(-1%)}}@keyframes fireflies{50%{opacity:.35;transform:translateY(-12px)}100%{transform:translateY(-24px)}}@media(max-width:600px){.scene{min-height:470px}.scene:before{background-position:center 43%}.scene-caption h3{font-size:31px}}

/* A quieter studio visual, using the site's existing photographic identity. */
.scene:before{background-image:url('assets/studio.jpg');background-position:58% center;filter:saturate(.7) brightness(.62);transform:scale(1.04)}
.scene:after{background:linear-gradient(180deg,#0b13283b,#151c3d55 45%,#0b1222ed 100%)}
.scene[data-mood=tension]:before{filter:saturate(.6) brightness(.5) hue-rotate(12deg)}
.scene[data-mood=resolve]:before{filter:saturate(.7) brightness(.75)}
.scene-stars{display:none}.score-wave{position:absolute;left:13%;right:13%;top:30%;height:100px;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.65;z-index:0}
.score-wave i{display:block;flex:1;max-width:4px;height:var(--h);min-height:4px;background:#b6bfdc;border-radius:5px;box-shadow:0 0 18px #aebee522;transform:scaleY(.5)}
.playing .score-wave i{animation:studio-wave 1.7s ease-in-out infinite alternate;animation-delay:calc(var(--n) * -0.11s)}
.playing .scene:before{animation:none}.scene-caption h3{font-size:31px}.scene-caption{bottom:35px}
@keyframes studio-wave{from{transform:scaleY(.25);opacity:.4}to{transform:scaleY(1);opacity:.85}}
@media(max-width:600px){.scene:before{background-position:58% center}.score-wave{height:80px;top:28%}}
.score-identity{display:flex;align-items:center;justify-content:space-between;gap:20px}.score-overline{font-size:8px;letter-spacing:1.2px;color:#8b97b3}.score-identity h3{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:400;letter-spacing:-1px;margin:8px 0}.score-identity p{font-size:9px;color:#99a6c3;margin-bottom:0}.score-identity p span{margin:0 8px;color:#53617e}.loop-badge{font-size:9px;color:#87c8aa;border:1px solid #395b51;padding:7px 11px;border-radius:20px}.desk .moods{margin:22px 0}.desk .moods button{font-size:9px;padding:8px 11px}.desk .moods button:hover{background:#2d3353}.desk #layers{margin-top:10px;max-height:370px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#46506c transparent;padding-right:5px}.stem-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.stem-label{display:flex;align-items:center;gap:10px;min-width:0}.stem-label>div{display:flex;flex-direction:column;gap:5px}.stem-label span{font-size:11px}.stem-label small{font-size:8px;color:#7888a8}.stem-label .stem-icon{font-size:20px;color:#a7b7d6;flex-shrink:0;width:20px}.stem-controls{display:flex;align-items:center;gap:5px}.stem-controls button{font-size:9px;border:1px solid #3c4760;border-radius:4px;background:transparent;color:#a1adc8;width:25px;height:25px}.stem-controls button[aria-pressed=true]{color:#0e1723;background:#adc5e1;border-color:#adc5e1}.stem-controls button:nth-child(2)[aria-pressed=true]{background:#8ed7b2;border-color:#8ed7b2}.stem-controls input{width:60px;accent-color:#a6b5d8;height:18px}.stem-row.muted .stem-label{opacity:.4}.desk .intensity{margin:20px 0}.scoring .scene{min-height:700px}.playing .score-wave i{animation:none}button:disabled{opacity:.65;cursor:wait}footer>a{margin-left:auto}@media(max-width:900px){.stem-controls input{width:40px}.stem-label small{max-width:95px}.stem-label{gap:5px}.stem-controls{gap:3px}}@media(max-width:600px){.scoring .scene{min-height:410px}.desk #layers{max-height:none}.stem-controls input{width:65px}.stem-label small{max-width:none}.desk .moods{gap:6px}.desk .moods button{font-size:9px}.score-identity h3{font-size:30px}}