@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#101010;--paper:#f2f1eb;--yellow:#efea00;--muted:#a2a29d;--line:#343430;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.wrap{max-width:1440px;margin:auto;padding-left:5.5%;padding-right:5.5%}header{height:100px;border-bottom:1px solid var(--line);padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--ink)}.brand{font-size:21px;line-height:.95;letter-spacing:-1px;font-weight:800}.brand span{display:block;color:var(--yellow);font-size:17px;letter-spacing:2.2px;margin-top:2px}nav{display:flex;gap:38px;font-size:14px}nav a{padding:10px 0}nav a:hover{color:var(--yellow)}nav a:last-child{border-bottom:1px solid var(--yellow)}nav span{margin-left:14px}.eyebrow{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;padding:30px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%;padding:20px 0 70px}h1,h2,h3,p,figure{margin:0}h1,h2,.service-note p{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h1{font-size:clamp(65px,7.7vw,112px);line-height:.91;font-weight:800;letter-spacing:-1px}em{font-style:normal;color:var(--yellow)}.hero-copy>p{color:#b5b5ae;margin:28px 0 26px;font-size:17px}.button{display:inline-flex;align-items:center;gap:32px;background:var(--yellow);color:var(--ink);padding:16px 22px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#ffff4b;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.logo{align-self:center}.logo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #282825}.logo figcaption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.3px;padding:15px 0;color:var(--muted)}.intro{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;padding:65px 0 85px;gap:40px}.section-label{font-size:12px;letter-spacing:1.7px;font-weight:600}.intro h2{font-size:48px;line-height:1.08;font-weight:600;margin-bottom:26px}.intro p{color:#aeadab;max-width:680px;margin-top:14px}.services{padding-top:70px;padding-bottom:95px;border-top:1px solid var(--line)}.section-top{display:grid;grid-template-columns:1fr 1.3fr 0.7fr;gap:30px;align-items:start;margin-bottom:48px}.section-top h2{font-size:68px;line-height:.98;font-weight:700}.section-top h2 span{color:var(--muted)}.section-top>p{align-self:end;color:var(--muted);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}article,.service-note{padding:32px;min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}article{display:flex;flex-direction:column;transition:background .2s}article:hover{background:#191917}.number{color:var(--yellow);font-size:13px;letter-spacing:1px}h3{font-size:24px;letter-spacing:-.5px;margin:24px 0 12px;line-height:1.2}article p{color:var(--muted);font-size:15px;max-width:310px}.tag{font-size:10px;letter-spacing:1.5px;margin-top:auto;padding-top:30px;color:#c1c1b8}.service-note{display:flex;flex-direction:column;justify-content:space-between}.service-note p{font-size:46px;font-weight:700;line-height:1}.service-note a{font-size:14px;margin-top:25px}.service-note a span{color:var(--yellow);margin-left:24px}.contact{background:var(--yellow);color:var(--ink);padding:65px 0 78px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:44px}.contact h2{font-size:94px;line-height:.91;font-weight:800}.contact h2 em{color:var(--ink)}.contact p{margin:28px 0;font-size:16px}.dark{background:var(--ink);color:var(--yellow)}.dark:hover{background:#303025}.contact a:focus-visible{outline-color:var(--ink)}.contact-links{padding-top:4px}.contact-links>a{display:block;position:relative;padding:19px 30px 23px 0;border-top:1px solid #99960a}.contact-links span{display:block;font-size:11px;letter-spacing:1.5px;margin-bottom:7px}.contact-links strong{font-size:clamp(16px,1.65vw,23px);font-weight:500;overflow-wrap:anywhere}.contact-links i{position:absolute;right:0;top:41px;font-style:normal;font-size:25px}.contact-links a:hover strong{text-decoration:underline}.location{border-top:1px solid #99960a;padding-top:22px;font-size:12px;letter-spacing:1.7px}footer{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.skip{position:absolute;left:15px;top:-80px;padding:12px;background:var(--yellow);color:var(--ink);z-index:10}.skip:focus{top:10px}@media(min-width:1500px){header{padding-left:calc((100vw - 1282px)/2);padding-right:calc((100vw - 1282px)/2)}}@media(max-width:850px){header{height:85px}h1{font-size:75px}.hero-grid{gap:4%}.intro{grid-template-columns:1fr 2fr}.section-top{grid-template-columns:1fr 2fr}.section-top>p{grid-column:2}.section-top h2{font-size:60px}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:35px}.contact h2{font-size:72px}.contact-links strong{font-size:17px}}@media(max-width:560px){html{scroll-padding-top:20px}header{padding:0 6%;height:85px}.brand{font-size:17px}.brand span{font-size:13px}nav{gap:17px;font-size:12px}nav span{display:none}.wrap{padding-left:6%;padding-right:6%}.eyebrow{font-size:9px;letter-spacing:1px;padding:25px 0}.hero-grid{grid-template-columns:1fr;padding:10px 0 42px;gap:38px}h1{font-size:clamp(72px,20vw,112px);line-height:.91}.hero-copy>p{font-size:16px}.logo{width:100%}.logo img{max-height:410px;object-fit:cover}.logo figcaption{font-size:9px}.intro{grid-template-columns:1fr;gap:28px;padding:40px 0 55px}.intro h2{font-size:40px}.services{padding-top:45px;padding-bottom:55px}.section-top{grid-template-columns:1fr;gap:26px;margin-bottom:32px}.section-top h2{font-size:58px}.section-top>p{grid-column:auto;font-size:16px}.service-grid{grid-template-columns:1fr}article,.service-note{padding:28px;min-height:245px}h3{font-size:25px}article p{font-size:16px;max-width:none}.service-note{min-height:225px}.contact{padding:40px 0 48px}.contact-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.contact h2{font-size:80px}.contact-links strong{font-size:19px}footer{min-height:145px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}footer>span{font-size:10px}footer>a:last-child{width:100%;text-align:right}.button{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Extend the logo's dark texture across every section. */
body{background-color:#101010;background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)),url('/assets/mobster-texture.webp');background-size:auto,680px 680px;background-repeat:repeat}
header{background:rgba(10,10,10,.3)}
.logo img{border:0;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);-webkit-mask-composite:source-in}
article:hover{background:rgba(255,255,255,.045)}
.contact{background:transparent;color:var(--paper);border-top:1px solid var(--line)}
.contact h2 em{color:var(--yellow)}
.contact p{color:#b5b5ae}
.contact .dark{background:var(--yellow);color:var(--ink)}
.contact .dark:hover{background:#ffff4b}
.contact a:focus-visible{outline-color:var(--yellow)}
.contact-links>a,.location{border-color:var(--line)}
.contact-links span,.contact-links i,.location{color:var(--yellow)}

/* Brand accents throughout the section typography. */
.section-label,.section-top h2 span,.service-grid .tag{color:var(--yellow)}
.service-grid h3::after{content:"";display:block;width:32px;height:2px;background:var(--yellow);margin-top:14px}
.contact-links a:hover strong,.contact-links a:focus-visible strong{color:var(--yellow)}

/* Preserve the uploaded logo transparency and frame its portrait canvas. */
.logo{position:relative;aspect-ratio:1;overflow:hidden}
.logo img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;mask-image:none;-webkit-mask-image:none}

/* Blend the video's black backdrop into the existing site texture. */
.logo video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140%;height:140%;object-fit:contain;mix-blend-mode:screen}
.motion-toggle{position:absolute;right:12px;bottom:12px;border:1px solid var(--line);background:rgba(16,16,16,.8);color:var(--yellow);font:inherit;font-size:14px;padding:8px 14px;cursor:pointer}
.motion-toggle:hover{border-color:var(--yellow)}
.motion-toggle:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}

/* Translucent black framing with normal page scrolling. */
header{position:static;background:rgba(0,0,0,.65)}
html{scroll-padding-top:24px}
footer.wrap{max-width:none;width:100%;background:rgba(0,0,0,.65);padding-left:max(5.5%,calc((100vw - 1282px)/2));padding-right:max(5.5%,calc((100vw - 1282px)/2))}
.skip{z-index:110}

@media(max-width:560px){footer.wrap{padding-left:6%;padding-right:6%}}

/* Gently inset the hero copy while preserving its available width. */
.hero-copy{padding-left:clamp(8px,2vw,28px)}

/* True alpha transparency, independent of browser video compositing. */
.logo #logo-motion{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140%;height:140%;max-height:none;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}

/* Studio, team and direct booking. */
h1{font-size:clamp(62px,6.7vw,102px)}
.hero-copy>p{max-width:460px}.hero-grid{padding-bottom:48px}.intro{padding-bottom:48px}
.studio-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding-bottom:65px}.studio-gallery figure{position:relative;overflow:hidden;min-width:0}.studio-gallery .gallery-main{grid-column:1 / 3;grid-row:1 / 3}.studio-gallery img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.studio-gallery figure:nth-child(4){grid-column:1 / -1;max-height:300px}.studio-gallery figure:nth-child(4) img{object-position:center 48%}.studio-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 18px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:12px;letter-spacing:1px}
.team,.workflow{padding-top:65px;padding-bottom:65px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:36px}.section-heading h2{font-size:60px;line-height:1}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.team-grid article{min-height:0}.team-grid h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;margin-top:14px}.team-grid .credit{margin-top:20px;font-size:14px}.credit strong{color:var(--paper);font-weight:500}.section-footnote{font-size:12px;color:var(--muted);margin-top:18px}
.service-grid article{min-width:0;min-height:310px}.service-grid .tag{letter-spacing:.4px;text-transform:none;font-size:12px;line-height:1.6;padding-top:24px}.service-cta{font-size:14px;margin-top:20px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px}.service-cta:hover{color:var(--yellow)}.service-note .note-copy{font:15px/1.6 'DM Sans',Arial,sans-serif;color:var(--muted);margin-top:24px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:32px}.steps li{padding:24px 0;border-top:1px solid var(--line)}.steps h3{font-size:22px}.steps p,.faq p{color:var(--muted);font-size:15px}.faq{max-width:850px;margin:32px 0 0 auto}.faq>h3{margin-bottom:24px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:16px;padding:4px 0}.faq summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.faq p{padding-top:14px;max-width:740px}.location{letter-spacing:.5px}.location p{margin:12px 0;font-size:14px}.map-link{display:inline-block;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}.button{min-height:52px}nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:850px){.team-grid{grid-template-columns:1fr}.team-grid article{padding:26px}.team-grid article p{max-width:none}.steps{gap:20px}.section-heading h2{font-size:50px}nav{gap:24px}}
@media(max-width:560px){header{height:auto;min-height:85px;gap:14px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}nav{gap:16px;flex-wrap:wrap}h1{font-size:clamp(52px,15vw,82px)}.hero-copy{padding-left:0}.hero-copy>p{margin-top:22px}.hero-grid{gap:22px;padding-bottom:32px}.logo{width:min(76%,280px);justify-self:center}.intro{padding:32px 0}.intro h2{font-size:36px}.studio-gallery{grid-template-columns:1fr 1fr;gap:10px;padding-bottom:42px}.studio-gallery .gallery-main{grid-column:1 / -1;grid-row:auto}.studio-gallery figure:nth-child(4){grid-column:auto;max-height:none}.studio-gallery figure:nth-child(2){grid-column:1 / -1}.studio-gallery figcaption{font-size:11px;padding-left:12px}.team,.workflow{padding-top:42px;padding-bottom:42px}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading h2{font-size:46px}.service-grid article{min-height:0;padding:24px}.service-grid h3{margin-top:16px}.service-grid .tag{margin-top:0;padding-top:18px}.steps{grid-template-columns:1fr;gap:0}.steps li{padding:20px 0}.steps h3{margin-top:12px}.faq{margin-top:24px}.contact h2{font-size:clamp(60px,19vw,80px)}.section-top h2{font-size:clamp(46px,14vw,58px)}.button{gap:20px;max-width:100%}.eyebrow{gap:12px;flex-wrap:wrap}}

/* Spotify listening section. */
.listen{padding-top:65px;padding-bottom:65px;border-top:1px solid var(--line)}.listen-intro{color:var(--muted);margin-top:22px;max-width:560px}.spotify-player{width:100%;min-width:0}.spotify-player iframe{display:block;width:100%;height:352px;background:#181818}.listen-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}.listen-footer p{color:var(--muted);font-size:13px}.listen-footer a{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:14px;color:var(--yellow);text-decoration:underline;text-underline-offset:5px}.listen-shortcut{display:flex;align-items:center;gap:16px;width:fit-content;min-height:44px;margin-top:12px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.listen-shortcut span{color:var(--yellow)}
@media(max-width:560px){header nav{width:100%;justify-content:space-between;gap:8px}header{gap:6px}.listen{padding-top:42px;padding-bottom:42px}.listen .section-heading h2{font-size:clamp(34px,10vw,46px)}.listen-footer{flex-direction:column;align-items:flex-start;gap:8px}}

/* Semi-transparent black service cards over the site texture. */
.service-grid article,.service-grid .service-note,.service-grid article:hover{background:rgba(0,0,0,.5)}