@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--purple:#3b2049;--ink:#291831;--muted:#6b6370;--line:#ddd6e0;--pale:#f5f3f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #9775b5;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;padding:20px 56px;border-bottom:1px solid var(--line);gap:24px;background:#fff;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:48px;height:48px;overflow:hidden;display:block;border-radius:50%;flex-shrink:0}.brand-mark img{width:145%;height:145%;max-width:none;transform:translate(-15.5%,-15.5%);display:block}.brand-name{font-size:.83rem;font-weight:800;letter-spacing:.06em;line-height:1.45}.brand-name small{font-size:.65rem;letter-spacing:.15em;font-weight:500}nav{display:flex;align-items:center;gap:35px;font-size:.9rem}nav a:hover,.text-link:hover{color:#8552a2}.nav-contact{border:1px solid var(--purple);padding:11px 20px;border-radius:3px}.nav-contact span{margin-left:20px}.menu-toggle{display:none}.hero{padding-top:44px;padding-bottom:0}.hero-intro{display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:.8rem;letter-spacing:.15em;font-weight:700;margin:0 0 24px}.hero-location{font-size:.8rem;text-align:right;margin:0;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(4rem,7.3vw,7.4rem);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:32px 0 38px}em{font-style:normal;color:#876094}h1 em{font-weight:400}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:48px;margin:0 0 52px}.hero-bottom p{max-width:505px;margin:0;color:var(--muted);font-size:1.06rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 25px;background:var(--purple);color:#fff;border-radius:3px;font-size:.92rem;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#573467;transform:translateY(-2px)}.button span{font-size:1.3rem}.production-image{height:480px;position:relative;overflow:hidden;background:var(--purple)}.production-image img{height:100%;width:100%;object-fit:cover;object-position:center 54%;display:block}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 28px 22px;display:flex;justify-content:space-between;color:#fff;font-size:.72rem;letter-spacing:.14em;background:linear-gradient(transparent,#160c20b3)}.clients{padding-block:48px 74px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.section-label h2{font-family:inherit;font-size:.72rem;letter-spacing:.14em;margin:0}.section-label>span{font-size:.87rem;color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--line)}.client-grid .client-logo{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:1.1rem;line-height:1.2;padding:28px 15px;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:background .2s}.client-grid .client-logo span{font-family:'DM Sans',sans-serif;font-size:.7rem;font-weight:400;margin-top:8px;color:var(--muted)}.services{background:var(--pale);padding-block:90px}.section-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:40px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(2.5rem,4.1vw,4rem);line-height:1.13;letter-spacing:-.055em;font-weight:500}.section-heading h2{grid-column:1;margin-bottom:46px;white-space:nowrap}.section-heading>p:last-child{max-width:360px;align-self:end;justify-self:end;color:var(--muted);margin-bottom:48px}.service-list{border-top:1px solid #cfc5d4}.service-list article{display:grid;grid-template-columns:.35fr 1.1fr 1fr;gap:40px;padding:37px 0;border-bottom:1px solid #cfc5d4}.service-number{color:#87728e;font-size:.83rem;padding-top:6px}.service-list h3{font-size:1.65rem;font-weight:500;line-height:1.28;letter-spacing:-.035em;margin:0}.service-list p{color:var(--muted);font-size:.95rem;max-width:430px;margin-bottom:20px}.service-list ul{list-style:none;padding:0;margin:0;font-size:.85rem;display:flex;gap:6px 18px;flex-wrap:wrap}.service-list li{border-bottom:1px solid #d5cbd9;padding-bottom:4px}.about{padding-block:105px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{margin-bottom:60px}.identity{display:flex;align-items:center;gap:17px}.identity-line{width:38px;height:3px;background:var(--purple)}.identity h3{font-size:1.1rem;margin:0}.identity p{font-size:.77rem;color:var(--muted);margin:4px 0 0}.about-copy{padding-top:44px}.large-copy{font-family:Manrope,sans-serif;font-size:1.9rem;line-height:1.35;letter-spacing:-.04em}.about-copy>p:not(.large-copy){color:var(--muted);font-size:1rem;max-width:500px}.text-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid var(--purple);padding-bottom:10px;margin-top:15px;font-size:.9rem}.about-meta{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:.77rem;color:var(--muted)}.contact{background:var(--purple);color:#fff;padding-block:80px}.contact .eyebrow{color:#c7b6d0}.contact h2{font-size:clamp(3.5rem,6.8vw,6.8rem);letter-spacing:-.055em;margin-bottom:45px}.contact h2 em{color:#cab3d6}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px}.contact-bottom p{max-width:425px;color:#d4c7d9;margin:0}.button-light{background:#fff;color:var(--purple)}.button-light:hover{background:#e8deee}.contact-details{margin-top:24px;display:flex;gap:24px;flex-wrap:wrap}.contact-details:empty{display:none}footer{padding-block:30px;display:flex;gap:32px;font-size:.8rem;color:var(--muted)}footer p{margin:0;flex:1}.skip{position:fixed;left:20px;top:-80px;z-index:99;background:#fff;padding:12px}.skip:focus{top:10px}section{scroll-margin-top:20px}
@media(min-width:1600px){.header{padding-inline:max(56px,calc((100vw - 1280px)/2))}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.client-grid{grid-template-columns:repeat(3,1fr)}.production-image{height:400px}.section-heading{grid-template-columns:1.3fr 1fr}.section-heading h2{white-space:normal}.service-list article{grid-template-columns:40px 1fr 1.2fr;gap:22px}.about{gap:40px}.hero-bottom{gap:30px}.button{gap:20px}.hero-bottom p{max-width:45%}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding:18px 20px;min-height:86px}.brand-name{font-size:.71rem}.brand-name small{font-size:.58rem}.brand-mark{width:40px;height:40px}.menu-toggle{display:block;border:0;background:transparent;padding:10px 0 10px 14px;font-size:.85rem}.menu-toggle span{margin-left:10px}nav{display:none;position:absolute;top:100%;left:0;right:0;align-items:stretch;gap:0;padding:8px 20px 22px;background:#fff;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column}nav a{padding:14px 0}.nav-contact{padding:12px 16px;margin-top:8px}.hero{padding-top:28px}.hero-intro .eyebrow{max-width:220px;font-size:.65rem}.hero-location{display:none}h1{font-size:clamp(3.5rem,12.2vw,5.8rem);margin:18px 0 30px;letter-spacing:-.06em}.hero-bottom{display:block;margin-bottom:35px}.hero-bottom p{max-width:none;font-size:1rem;margin-bottom:25px}.button{padding:16px 20px;font-size:.85rem;gap:30px}.production-image{height:300px}.image-caption{font-size:.61rem;padding-inline:15px;gap:15px}.clients{padding-block:30px 45px}.section-label{display:block}.section-label>span{display:block;margin-top:8px;font-size:.8rem}.client-grid{grid-template-columns:repeat(2,1fr)}.client-grid .client-logo{font-size:1rem;padding:25px 8px}.services{padding-block:55px}.section-heading{display:block}.section-heading h2{margin-bottom:25px}.section-heading>p:last-child{margin-bottom:35px;max-width:none}.service-list article{grid-template-columns:25px 1fr;gap:14px;padding-block:28px}.service-list article>div{grid-column:2}.service-list h3{font-size:1.45rem}.service-list p{font-size:.92rem}.about{display:block;padding-block:60px}.about h2{margin-bottom:30px}.about-copy{padding-top:35px}.large-copy{font-size:1.7rem}.about-meta{gap:15px;flex-wrap:wrap}.contact{padding-block:55px}.contact h2{font-size:clamp(3rem,10.5vw,4.5rem);margin-bottom:30px}.contact-bottom{display:block}.contact-bottom p{margin-bottom:28px}.contact-details{flex-direction:column;gap:10px}footer{flex-wrap:wrap;gap:15px 25px;padding-block:25px}footer p{flex-basis:100%}.eyebrow{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.client-grid .client-logo{min-height:132px;padding:24px 18px;align-items:center}.client-logo img{display:block;max-width:100%;width:155px;height:72px;object-fit:contain}.client-logo.logo-dark{background:#221b27}.client-disclaimer{font-size:.8125rem;line-height:1.65;color:var(--muted);margin:24px 0 0;max-width:1050px}@media(max-width:700px){.client-grid .client-logo{min-height:122px;padding:20px 16px}.client-logo img{height:65px;width:145px}.client-disclaimer{font-size:.8125rem}}

.client-grid{gap:12px;padding:20px 0}.client-grid .client-logo{border:1px solid var(--line);border-radius:4px;min-height:132px}.client-logo img{width:180px;height:90px}.client-logo.logo-dark{border-color:#221b27}.client-logo img[alt="EUE / Screen Gems logo"]{width:100%;height:auto}.client-logo img[alt="Voltus Lighting logo"]{width:100px;height:100px}

.client-logo .droix-client-logo{display:block;width:180px;max-width:100%;height:90px;flex-shrink:0}