@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/jost-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/jost-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/jost-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/jost-3.ttf) format('truetype');
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1c1c1c;background:#fff;font-family:'Jost',Arial,sans-serif;font-size:18px;line-height:1.5}a{color:inherit;text-decoration:none}main a{color:#929292}a:hover{color:#70949e}a:focus-visible,button:focus-visible{outline:3px solid #76abb9;outline-offset:5px}header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:35px 6.25%;gap:40px}header .logo{display:block;width:300px;max-width:100%;height:auto}nav{display:flex;align-items:center;gap:32px}nav a{font-family:'Jost',Arial,sans-serif;font-size:13px;font-weight:750;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}header nav{color:white}.menu-toggle{display:none}.hero{position:relative;height:315px;background:#111;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3)}.home-hero{height:100svh;min-height:600px}/* Keep artwork out of the navigation area, fading back into the hero below it. */
.home-hero:after{background:linear-gradient(to bottom,#000 0px,#000 105px,rgba(0,0,0,.85) 145px,rgba(0,0,0,.15) 230px)}.hero-text{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;padding:140px 20px 20px}.hero-text h1{font:750 76px/1.02 'Jost',Arial,sans-serif;letter-spacing:0;margin:0}.hero-text p{font-size:25px;margin:24px 0 0;letter-spacing:.4px}.scroll-arrow{position:absolute;z-index:2;bottom:33px;left:calc(50% - 11px);width:22px;height:22px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}main{max-width:1020px;margin:auto;padding:66px 30px 80px}h1{font-size:44px;line-height:1.2;margin:0 0 22px;font-weight:700}h2{font-size:32px;line-height:1.25;margin:30px 0 24px}h3{font-size:22px;font-weight:400;line-height:1.2;letter-spacing:.5px;margin:24px 0}p{margin:0 0 20px}.about-intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:60px}.about-intro h1{text-transform:none}.about-intro h3:first-child{margin-top:0}.poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.poster-grid img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.person{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 0}.person img{width:100%;height:auto;align-self:start}.person h1{font-family:Arial,sans-serif;color:#000;font-size:44px;letter-spacing:-1px}.person p{font-family:Arial,sans-serif;font-size:16px;line-height:1.55;font-weight:600;color:#000}.person:nth-child(even) img{order:2}.person:nth-child(even)>div{order:1}.disco-embed{display:block;width:100%;max-width:900px;height:395px;border:0;margin:55px 0}.page-sound-design .poster-grid{margin-top:50px}.page-soundware main{padding-top:80px}.soundware-secondary{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:60px}.soundware-secondary img{width:100%}iframe{max-width:100%;border:0}.page-contact main{text-align:center;padding-top:80px;padding-bottom:100px}.page-contact h3{line-height:1.5}.page-contact main>.social-account-links-block{margin-bottom:55px}.page-privacy-policy main{font-size:18px}.page-privacy-policy h1{font-size:36px}footer{background:#171717;color:#fff;text-align:center;padding:55px 25px 40px}footer nav{justify-content:center;margin-bottom:30px}footer p{font-size:13px;color:#aaa;margin:30px 0 0}.social-account-links-block .sqs-svg-icon--list{display:flex;justify-content:center;gap:20px}.sqs-svg-icon--wrapper{display:inline-block;width:24px;height:24px;position:relative}.sqs-svg-icon--wrapper svg{position:absolute;width:100%;height:100%;inset:0;fill:currentColor}.sqs-svg-icon--wrapper>div{height:24px}.sqs-svg-icon--social-icon{fill:currentColor}.sqs-svg-icon--social-icon-border,.sqs-svg-icon--social-icon-background{display:none}.skip-link{position:fixed;left:15px;top:-60px;padding:10px;background:white;z-index:20}.skip-link:focus{top:15px}
@media(max-width:1050px){header{padding:28px 5%;gap:20px}header .logo{width:240px}nav{gap:20px}nav a{font-size:12px;letter-spacing:1.5px}.person{gap:45px}.hero-text h1{font-size:68px}}
@media(max-width:767px){header{padding:22px 25px;align-items:flex-start}header .logo{width:210px}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin:12px 0 0;padding:7px;background:transparent;border:0;color:white}.menu-toggle span{display:block;width:25px;height:2px;background:currentColor}header nav{display:none;position:absolute;top:100px;left:0;right:0;background:#111;padding:28px;flex-direction:column;align-items:flex-start;gap:23px}header nav.open{display:flex}header nav a{font-size:15px}.hero{height:230px}.home-hero{height:100svh;min-height:500px}.hero-text{padding-top:70px}.hero-text h1{font-size:46px}.hero-text p{font-size:20px}main{padding:45px 25px 55px}h1{font-size:36px}h3{font-size:20px;line-height:1.35}.about-intro{display:block;margin-bottom:35px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.person{display:flex;flex-direction:column;gap:30px;padding:15px 0 40px}.person:nth-child(even) img,.person:nth-child(even)>div{order:initial}.person h1{font-size:34px}.soundware-secondary{grid-template-columns:1fr}.soundware-secondary img{max-width:350px}.disco-embed{margin:35px 0}footer nav{flex-wrap:wrap;gap:18px}footer nav a{font-size:12px}footer{padding:40px 20px}.page-contact main{padding-top:45px}.sqs-svg-icon--wrapper{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Match the source's page-specific content widths and gallery proportions. */
header{padding-top:25px}.hero-text h1{font-size:72px}.about-intro{display:block;margin-bottom:35px}.about-intro h1{text-align:center;margin-bottom:100px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.page-index .poster-grid img,.page-aboutus .poster-grid img{aspect-ratio:3/4}.page-index main,.page-aboutus main{width:calc(75% + 60px);max-width:1200px}.page-sound-design main,.page-team main,.page-soundware main{width:calc(84% + 60px);max-width:1200px}.page-contact main{width:calc(55% + 60px);text-align:left;font:15px/24px Arial,sans-serif}.page-contact main>.social-account-links-block{margin-bottom:20px}.page-contact main strong{font-weight:700}.page-contact main>div:not(.social-account-links-block){margin-top:20px}.group-photo{display:block;width:100%;height:auto;margin-top:75px}.page-privacy-policy .hero{display:none}.page-privacy-policy header{position:relative;background:#111}.soundware-secondary img{display:block}.page-soundware iframe[title="FM8 Nouveau 80s audio demo"]{width:100%}footer .sqs-svg-icon--list{gap:20px}footer .social-account-links-block nav{margin:0}
@media(max-width:767px){.hero-text h1{font-size:44px}header{padding-top:22px}.page-index main,.page-aboutus main,.page-sound-design main,.page-team main,.page-contact main,.page-soundware main{width:100%}.about-intro h1{margin-bottom:45px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.group-photo{margin-top:40px}}
.social-account-links-block .sqs-svg-icon--wrapper{width:48px;height:48px}.social-account-links-block .sqs-svg-icon--wrapper>div{height:48px}.social-account-links-block .sqs-svg-icon--list{gap:0}.page-contact main .sqs-svg-icon--wrapper{width:52px;height:52px}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
