:root{--black:#0b0b0b;--soft:#111;--paper:#f0eee8;--white:#fff;--muted:#888;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:#fff;background:var(--soft);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif,sans-serif;line-height:1.5}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:200;padding:.7rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}h1,h2,h3{margin:0;font-family:"Arial Narrow",Arial,sans-serif,sans-serif;line-height:.9;text-transform:uppercase}h2{font-size:clamp(4rem,8vw,9rem);letter-spacing:-.045em}em{color:transparent;-webkit-text-stroke:1.5px currentColor;font-style:normal}
.site-header{position:absolute;z-index:50;top:0;left:0;right:0;height:96px;padding:0 clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.28)}.brand{width:82px}.brand img{width:100%;height:62px;object-fit:contain;filter:invert(1)}.desktop-nav{display:flex;gap:36px}.desktop-nav a{color:#fff;font-size:10px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.desktop-nav a:hover{color:#bbb}.header-actions{justify-self:end;display:flex;align-items:center;gap:24px}.languages{display:flex;gap:8px}.header-contact{padding:12px 18px;border:1px solid rgba(255,255,255,.7);border-radius:999px;font-size:10px;text-decoration:none;text-transform:uppercase;transition:.25s}.header-contact:hover{color:#111;background:#fff}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;min-height:100svh;overflow:clip;background:#0b0b0b}.cinema-reel,.cinema-shot{position:absolute;inset:0}.cinema-shot{opacity:0;transform:scale(1.06);transition:opacity 1.5s ease,transform 7s linear}.cinema-shot.active{opacity:1;transform:scale(1)}.cinema-shot img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.84)}.film-grain{position:absolute;z-index:2;inset:-50%;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}@keyframes grain{0%{transform:translate(2%,1%)}25%{transform:translate(-1%,2%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-2%,-1%)}}.hero-copy{position:relative;z-index:4;min-width:0}.overline{margin:0 0 24px;color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.hero-copy h1{font-size:clamp(3.5rem,min(12vw,19svh),12rem);letter-spacing:-.055em}.hero-copy h1 em{-webkit-text-stroke:2px #fff}.hero-sub{width:min(760px,80vw);margin-top:46px;display:flex;justify-content:space-between;align-items:end}.hero-sub p{margin:0;color:rgba(255,255,255,.63);font-size:14px}.hero-sub a,.line-link{padding-bottom:5px;border-bottom:1px solid;font-size:11px;text-decoration:none;text-transform:uppercase}.hero-sub b,.line-link b{margin-left:22px}.reel-controls{position:relative;z-index:5;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px}.reel-toggle{width:38px;height:38px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;cursor:pointer}.play-icon{display:none;font-size:9px}.reel-toggle.paused .play-icon{display:inline}.reel-toggle.paused .pause-icon{display:none}.shot-count,.silent{color:rgba(255,255,255,.65);font-size:10px;text-transform:uppercase}.shot-count b{color:#fff}.reel-progress{height:1px;overflow:hidden;background:rgba(255,255,255,.3)}.reel-progress i{display:block;height:100%;background:#fff;transform-origin:left;animation:progress 4s linear infinite}.reel-progress.paused i{animation-play-state:paused}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.section{max-width:var(--max);margin:0 auto;padding:clamp(6rem,11vw,11rem) clamp(24px,5vw,76px)}.section-kicker{padding-bottom:14px;display:flex;gap:20px;border-bottom:1px solid #353535;color:#818181;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.section-kicker p{margin:0}.section-kicker.light{border-color:rgba(255,255,255,.2);color:#777}.manifesto-grid{margin-top:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;align-items:end}.manifesto h2 em{color:#fff}.manifesto-copy{padding-bottom:1rem;color:#aaa;font-size:17px}.manifesto-copy p{margin:0 0 1.4rem}.line-link{display:inline-block;margin-top:1.2rem;color:#fff}.studio-facts{margin-top:clamp(5rem,9vw,9rem);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-bottom:1px solid #333}.studio-facts div{padding:24px 0;display:flex;flex-direction:column;border-right:1px solid #333}.studio-facts div:not(:first-child){padding-left:24px}.studio-facts div:last-child{border:0}.studio-facts strong{font:700 clamp(1.8rem,3vw,3rem) "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.studio-facts span{color:#777;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.services{display:grid;grid-template-columns:1fr 1fr;min-height:900px;background:#080808}.service-visual{position:relative;min-height:780px;overflow:hidden}.service-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.65);transition:filter .5s,transform 1s}.service-visual:hover img{filter:grayscale(.3) brightness(.7);transform:scale(1.02)}.frame-label{position:absolute;left:24px;bottom:24px;padding:8px 12px;background:#0b0b0b;font-size:9px;text-transform:uppercase}.service-content{padding:clamp(5rem,8vw,9rem) clamp(24px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.service-content h2{margin:60px 0;font-size:clamp(4rem,7vw,8rem)}.service-content h2 em{color:#fff}.service-list article{padding:20px 0;display:grid;grid-template-columns:48px 1fr .8fr;gap:20px;border-top:1px solid #333;align-items:baseline}.service-list article:last-child{border-bottom:1px solid #333}.service-list span{color:#777;font-size:9px}.service-list h3{font-size:clamp(1.6rem,2vw,2.3rem)}.service-list p{margin:0;color:#777;font-size:12px}
.software{max-width:none;background:#090b0a}.software>*{max-width:var(--max);margin-left:auto;margin-right:auto}.software-heading{margin-top:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:start}.software-heading h2{font-size:clamp(4.6rem,8vw,9rem)}.software-heading h2 em{color:#fff}.software-intro{max-width:650px;color:#999;font-size:16px;line-height:1.72}.software-intro p{margin:0 0 1.3rem}.software-intro strong{color:#fff}.software-capabilities{margin-top:clamp(4rem,7vw,7rem);display:flex;flex-wrap:wrap;gap:8px}.software-capabilities span{padding:10px 14px;border:1px solid #343836;border-radius:999px;color:#bbb;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.product-tech-grid{margin-top:32px;display:grid;grid-template-columns:.8fr .8fr 1.4fr;border-top:1px solid #343836;border-bottom:1px solid #343836}.product-tech-grid article{min-height:480px;padding:34px 30px;display:flex;flex-direction:column;border-right:1px solid #343836;background:#0d0f0e}.product-tech-grid article:last-child{border-right:0;background:#121613}.product-tech-grid article>span{color:#6f7772;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.product-tech-grid h3{margin:70px 0 28px;font-size:clamp(2.7rem,4vw,5rem);text-transform:none}.product-tech-grid p{margin:0 0 18px;color:#929993;font-size:14px;line-height:1.65}.product-tech-grid a{margin-top:auto;padding-top:28px;color:#d8ddd9;font-size:10px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.verification-note{padding-top:18px;border-top:1px solid #303630;color:#707870!important;font-size:12px!important}.international-strip{margin-top:28px;padding:34px;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;color:#111;background:#d9ff42}.international-strip strong{font:700 clamp(2rem,3.4vw,4rem)/.95 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.international-strip p{max-width:720px;margin:0;color:#303522;font-size:15px}
.projects{background:var(--paper);color:#111;max-width:none}.projects>*{max-width:var(--max);margin-left:auto;margin-right:auto}.projects .section-kicker{border-color:#bbb;color:#777}.projects-heading{margin-top:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end}.projects-heading h2 em{color:#111}.projects-heading>p{max-width:430px;margin:0 0 1rem;color:#666}.project-list{margin-top:clamp(4rem,7vw,7rem)}.project{position:relative;min-height:132px;padding:18px 0;display:grid;grid-template-columns:150px 60px 1fr 150px 50px;gap:24px;align-items:center;border-top:1px solid #222;color:inherit;text-decoration:none;overflow:hidden}.project:last-child{border-bottom:1px solid #222}.project-image{width:128px;height:92px;display:grid;place-items:center;overflow:hidden;background:#fff;transform:translateX(-20px);opacity:.75;transition:.4s}.project-image img{width:100%;height:100%;object-fit:contain}.project-image.photo img{object-fit:cover}.project-image.monogram{background:#161616;color:#fff;font:700 36px "Arial Narrow",Arial,sans-serif}.project-image.warm{color:#111;background:#c7b09b}.project-image.matador-brand{padding:12px;grid-template-columns:38px 1fr;gap:8px;background:#1b253c;color:#fff}.matador-mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid #ff7a1a;border-radius:12px;color:#ff7a1a;box-shadow:0 0 22px rgba(255,122,26,.24);font-weight:900}.matador-word{font:900 12px Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif,sans-serif;letter-spacing:.08em}.matador-word i{color:#ff7a1a;font-style:normal}.project:hover .project-image{transform:none;opacity:1}.project-number,.project-state{color:#777;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.project-state.planning{color:#111;font-weight:700}.project h3{font-size:clamp(2.6rem,5vw,5.7rem);letter-spacing:-.035em}.project h3.brand-name{text-transform:none}.project p{margin:4px 0 0;color:#777;font-size:11px;text-transform:uppercase}.planning-pill{display:inline-block;margin-left:8px;padding:3px 7px;border:1px solid #aaa;border-radius:999px;color:#333;font-size:8px;letter-spacing:.08em;vertical-align:1px}.project>b{font-size:26px;font-weight:400}
.creator-callout{position:relative;min-height:90vh;display:grid;place-items:center;overflow:hidden}.creator-bg,.creator-overlay{position:absolute;inset:0}.creator-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.creator-overlay{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.18))}.creator-content{position:relative;z-index:2;width:min(1200px,88vw)}.creator-content>p{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.creator-content h2{max-width:1000px;margin:30px 0 60px}.creator-content h2 em{color:#fff}.creator-content>div{max-width:650px;display:flex;justify-content:space-between;align-items:end}.creator-content>div p{max-width:350px;color:#bbb}.creator-content a{padding-bottom:6px;border-bottom:1px solid;font-size:11px;text-decoration:none;text-transform:uppercase}.creator-content a b{margin-left:22px}
.team{max-width:none;background:#0d0d0d}.team>*{max-width:var(--max);margin-left:auto;margin-right:auto}.team-heading{margin-top:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;align-items:end}.team-heading h2 em{color:#fff}.team-heading p{max-width:430px;color:#888}.team-grid{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:repeat(5,1fr);gap:3rem 1.25rem}.person{position:relative;overflow:hidden}.person picture{display:block;aspect-ratio:1;overflow:hidden;background:#222}.person img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center top;background:#222;filter:grayscale(1) contrast(1.05);transition:.45s}.person picture img{height:100%;aspect-ratio:auto}.person:hover img{filter:grayscale(.15);transform:scale(1.025)}.person>div{padding:15px 0 0}.person h3{font-size:1.45rem}.person p{margin:4px 0 0;color:#777;font-size:9px;text-transform:uppercase}
.testimonial{background:var(--paper);color:#111;max-width:none}.testimonial>*{max-width:var(--max);margin-left:auto;margin-right:auto}.testimonial .section-kicker{border-color:#bbb}.testimonial blockquote{position:relative;margin-top:clamp(4rem,8vw,8rem);margin-bottom:0;padding-left:20%}.testimonial blockquote>span{position:absolute;left:0;top:-70px;font:700 18rem Georgia,serif}.testimonial blockquote>p{margin:0;font:700 clamp(2.8rem,6vw,6.8rem)/.98 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.testimonial footer{margin-top:35px;display:flex;gap:16px;align-items:center}.testimonial footer small{color:#777;text-transform:uppercase}.gallery-rails{padding:clamp(6rem,10vw,10rem) 0;background:#080808}.gallery-rails-head{padding:0 clamp(24px,5vw,76px);max-width:var(--max);margin:0 auto}.gallery-rails-title{margin:clamp(4rem,7vw,7rem) 0;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.gallery-rails-title h2 em{color:#fff}.gallery-rails-title p{max-width:480px;margin:0 0 1rem;color:#888}.gallery-collection{padding-bottom:clamp(4rem,7vw,7rem)}.gallery-collection:last-child{padding-bottom:0}.gallery-collection-head{padding:0 clamp(24px,5vw,76px) 20px;max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:end}.gallery-collection-head span,.gallery-collection-head small{color:#777;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.gallery-collection-head h3{margin:8px 0 0;font-size:clamp(3rem,6vw,7rem)}.gallery-rail-actions{display:flex;gap:8px}.gallery-rail-actions button,.viewer-arrow,.viewer-close{width:44px;height:44px;border:1px solid #555;border-radius:50%;color:#fff;background:transparent;cursor:pointer}.gallery-rail{padding:0 max(clamp(24px,5vw,76px),calc((100vw - var(--max))/2 + clamp(24px,5vw,76px)));display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-rail::-webkit-scrollbar{display:none}.gallery-card{position:relative;flex:0 0 clamp(280px,31vw,500px);margin:0;border:0;color:#fff;background:#1b1b1b;scroll-snap-align:start;overflow:hidden;cursor:zoom-in}.gallery-card img{width:100%;aspect-ratio:1.35;display:block;object-fit:cover;filter:saturate(.78);transition:.5s}.gallery-card.logo-card img{padding:18%;object-fit:contain;background:#171717}.gallery-card:hover img{transform:scale(1.025);filter:saturate(1)}.gallery-card figcaption{padding:14px;display:flex;justify-content:space-between;gap:15px;font-size:10px;text-transform:uppercase}.gallery-card figcaption span:last-child{color:#777}.gallery-viewer{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;color:#fff;background:rgba(5,5,5,.96)}.gallery-viewer[open]{display:grid;grid-template-columns:80px 1fr 80px;align-items:center}.gallery-viewer::backdrop{background:rgba(0,0,0,.7)}.gallery-viewer figure{height:88vh;margin:0;display:grid;grid-template-rows:1fr auto}.gallery-viewer figure img{width:100%;height:100%;min-height:0;object-fit:contain}.gallery-viewer figcaption{padding:16px 0;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.gallery-viewer figcaption span,.gallery-viewer figcaption small{color:#888;font-size:9px;text-transform:uppercase}.gallery-viewer figcaption strong{font:700 24px "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.viewer-close{position:absolute;z-index:2;right:22px;top:18px;background:#111;font-size:26px}.viewer-arrow{justify-self:center}.contact{padding:clamp(7rem,14vw,14rem) 24px;text-align:center;background:#080808}.contact-label{margin-bottom:32px;color:#777;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.contact>a{position:relative;display:inline-block;font:700 clamp(5rem,13vw,14rem)/.78 "Arial Narrow",Arial,sans-serif;letter-spacing:-.055em;text-decoration:none;text-transform:uppercase}.contact em{color:#fff}.contact b{position:absolute;right:-55px;top:0;font-size:3rem}.site-footer{padding:70px clamp(24px,5vw,76px) 25px;display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:40px;background:var(--paper);color:#111}.footer-brand img{width:90px;margin-bottom:18px}.footer-brand p{color:#666;font-size:12px}.site-footer h2{margin:0 0 14px;font-size:11px}.site-footer a{display:block;margin:7px 0;color:#666;font-size:12px}.footer-bottom{grid-column:1/-1;padding-top:24px;display:flex;justify-content:space-between;border-top:1px solid #bbb;color:#777;font-size:9px;text-transform:uppercase}.footer-bottom a{margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
.desktop-nav{gap:28px}.manifesto-grid{grid-template-columns:.9fr 1.1fr;align-items:start}.about-story{max-width:720px;font-size:16px;line-height:1.72}.about-story p{margin-bottom:1.2rem}.about-story strong{color:#fff;font-weight:600}.full-service{max-width:none;background:var(--paper);color:#111}.full-service>*{max-width:var(--max);margin-left:auto;margin-right:auto}.full-service .section-kicker{border-color:#bbb}.full-service-heading,.process-heading{margin-top:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}.full-service-heading h2 em{color:#111}.full-service-heading>p,.process-heading>p{max-width:500px;margin:0 0 1rem;color:#6c6a65;font-size:17px}.audience-grid{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience-grid article{min-height:620px;padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;border:1px solid #c8c5bd;background:#e7e4dc}.audience-grid article:first-child{color:#fff;background:#101010;border-color:#101010}.audience-grid article>span{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.audience-grid h3{max-width:650px;margin:42px 0 24px;font-size:clamp(2.8rem,4.6vw,5.5rem);letter-spacing:-.035em}.audience-grid p{max-width:590px;color:#666;font-size:16px}.audience-grid article:first-child p{color:#aaa}.audience-grid ul{margin:34px 0 50px;padding:0;list-style:none}.audience-grid li{padding:12px 0;border-top:1px solid rgba(20,20,20,.22);font-size:13px}.audience-grid article:first-child li{border-color:#333}.audience-grid li::before{content:"✓";margin-right:12px;color:#777}.audience-links{margin-top:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.audience-links a{padding-bottom:5px;border-bottom:1px solid;color:inherit;font-size:11px;text-decoration:none;text-transform:uppercase}.audience-links .subtle-link{color:#999;border-color:#666}.process{max-width:none;background:#111}.process>*{max-width:var(--max);margin-left:auto;margin-right:auto}.process-heading h2 em{color:#fff}.process-heading>p{color:#999}.process-steps{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #363636;border-bottom:1px solid #363636}.process-steps article{min-height:300px;padding:28px 22px;border-right:1px solid #363636}.process-steps article:last-child{border-right:0}.process-steps span{color:#666;font-size:9px}.process-steps h3{margin:70px 0 20px;font-size:clamp(1.7rem,2.4vw,2.8rem)}.process-steps p{margin:0;color:#888;font-size:12px}.trust-strip{margin-top:28px;padding:30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:center;color:#111;background:var(--paper)}.trust-strip strong{font:700 clamp(1.8rem,3vw,3rem) "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.trust-strip p{margin:0;color:#5f5d58}.testimonial blockquote>span{top:-20px;font:700 9rem "Arial Narrow",Arial,sans-serif,sans-serif}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.languages{display:none}.menu-toggle{width:42px;height:42px;display:grid;place-content:center;gap:6px;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent}.menu-toggle span{width:17px;height:1px;background:#fff}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden}.mobile-nav{position:fixed;z-index:40;inset:0;padding:130px 30px 40px;display:flex;flex-direction:column;background:#0b0b0b;transform:translateX(100%);transition:.35s}.menu-open .mobile-nav{transform:none}.mobile-nav a{padding:16px 0;border-bottom:1px solid #333;font:700 42px "Arial Narrow",Arial,sans-serif;text-decoration:none;text-transform:uppercase}.mobile-nav span{margin-right:20px;color:#666;font:500 10px Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.manifesto-grid,.projects-heading,.team-heading,.gallery-rails-title{grid-template-columns:1fr}.manifesto-copy,.projects-heading>p,.team-heading>p,.gallery-rails-title>p{margin-top:40px}.services{grid-template-columns:1fr}.service-visual{min-height:70vh}.team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.site-header{height:78px;padding:0 18px}.brand{width:65px}.brand img{height:50px}.header-contact{display:none}.hero-sub{width:86vw;gap:30px}.reel-controls{grid-template-columns:auto auto 1fr}.silent{display:none}.section{padding:90px 22px}h2{font-size:58px}.manifesto-grid{margin-top:55px}.studio-facts{grid-template-columns:repeat(2,1fr)}.studio-facts div:nth-child(2){border-right:0}.studio-facts div:nth-child(3){padding-left:0;border-top:1px solid #333}.studio-facts div:nth-child(4){border-top:1px solid #333}.service-visual{min-height:520px}.service-content{padding:80px 22px}.service-content h2{margin:48px 0;font-size:60px}.service-list article{grid-template-columns:35px 1fr}.service-list article p{grid-column:2}.project{grid-template-columns:54px 32px 1fr 32px;min-height:100px;gap:10px}.project-image{width:54px;height:54px;transform:none}.project-image.matador-brand{padding:7px;display:grid;grid-template-columns:1fr}.matador-mark{width:36px;height:36px;border-radius:11px}.matador-word{display:none}.project-state{display:none}.project h3{font-size:31px}.project p{font-size:8px}.creator-callout{min-height:760px}.creator-content>div{align-items:flex-start;flex-direction:column;gap:30px}.team-grid{grid-template-columns:repeat(2,1fr);gap:2.2rem 1rem}.testimonial blockquote{padding-left:0;padding-top:120px}.testimonial blockquote>span{top:-35px}.gallery-rails{padding:80px 0}.gallery-rails-head{padding:0 22px}.gallery-rails-title{margin:55px 0}.gallery-collection-head{padding:0 20px 16px}.gallery-collection-head h3{font-size:42px}.gallery-rail{padding:0 20px;gap:10px}.gallery-card{flex-basis:82vw}.gallery-viewer[open]{grid-template-columns:1fr;align-content:center}.gallery-viewer figure{height:82vh;padding:0 14px}.viewer-arrow{position:absolute;z-index:2;bottom:20px}.viewer-prev{left:18px}.viewer-next{right:18px}.gallery-viewer figcaption{padding-bottom:72px;grid-template-columns:1fr auto}.gallery-viewer figcaption strong{grid-row:1;grid-column:1/-1}.gallery-viewer figcaption span{display:none}.contact b{right:-12px;font-size:1.4rem}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1000px){.software-heading,.full-service-heading,.process-heading{grid-template-columns:1fr}.software-intro,.full-service-heading>p,.process-heading>p{margin-top:35px}.product-tech-grid{grid-template-columns:1fr 1fr}.product-tech-grid article:nth-child(2){border-right:0}.product-tech-grid article:last-child{grid-column:1/-1;border-top:1px solid #343836}.international-strip{grid-template-columns:1fr;gap:20px}.audience-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps article{border-bottom:1px solid #363636}.process-steps article:nth-child(2n){border-right:0}.process-steps article:last-child{grid-column:1/-1}.trust-strip{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.mobile-nav{padding:88px 22px 24px}.mobile-nav a{padding:10px 0;font-size:29px}.manifesto-grid{grid-template-columns:1fr}.about-story{font-size:15px}.software-heading h2{font-size:56px}.software-intro{font-size:15px}.software-capabilities{margin-top:42px}.software-capabilities span{font-size:9px}.product-tech-grid{grid-template-columns:1fr}.product-tech-grid article,.product-tech-grid article:nth-child(2){min-height:auto;padding:28px 22px 34px;border-right:0;border-bottom:1px solid #343836}.product-tech-grid article:last-child{grid-column:auto;border-bottom:0}.product-tech-grid h3{margin:42px 0 22px;font-size:46px}.product-tech-grid a{margin-top:30px}.international-strip{padding:26px 22px}.audience-grid{margin-top:45px}.audience-grid article{min-height:auto;padding:32px 24px}.audience-grid h3{margin:30px 0 20px;font-size:44px}.audience-grid ul{margin:28px 0 38px}.process-steps{grid-template-columns:1fr}.process-steps article,.process-steps article:nth-child(2n){min-height:auto;padding:24px 8px 30px;border-right:0;border-bottom:1px solid #363636}.process-steps article:last-child{grid-column:auto}.process-steps h3{margin:28px 0 12px}.trust-strip{padding:24px}.testimonial blockquote{padding-top:70px}.testimonial blockquote>span{top:-10px;font-size:6rem}}

picture{display:contents}.theme-cycle{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:transparent;cursor:pointer}.theme-cycle:hover{background:rgba(255,255,255,.12)}.mobile-settings{display:none}.gallery-card-media{position:relative;aspect-ratio:1.35;overflow:hidden}.gallery-card-media img,.gallery-card-media video{width:100%;height:100%;aspect-ratio:auto;display:block;object-fit:cover}.gallery-card.video-card{cursor:pointer}.gallery-card.video-card .gallery-card-media{aspect-ratio:16/9;background:#050505}.gallery-card.video-card video{object-fit:contain;background:radial-gradient(circle at center,#292929,#090909)}.gallery-card.portrait-card{flex-basis:clamp(230px,23vw,360px)}.gallery-card.portrait-card .gallery-card-media{aspect-ratio:9/16}.video-badge{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:999px;color:#fff;background:rgba(0,0,0,.7);font-size:9px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.viewer-media{min-height:0;height:100%;display:grid;place-items:center}.viewer-media img,.viewer-media video{width:100%;height:100%;min-height:0;object-fit:contain;background:#050505}.viewer-media [hidden]{display:none!important}

html[data-theme="light"] body{color:#161616;background:#f2f0eb}html[data-theme="light"] .manifesto,html[data-theme="light"] .team{background:#f2f0eb}html[data-theme="light"] .manifesto h2 em,html[data-theme="light"] .team-heading h2 em{color:#161616}html[data-theme="light"] .manifesto-copy,html[data-theme="light"] .team-heading p{color:#5e5b55}html[data-theme="light"] .about-story strong{color:#161616}html[data-theme="light"] .line-link{color:#161616}html[data-theme="light"] .section-kicker,html[data-theme="light"] .studio-facts,html[data-theme="light"] .studio-facts div{border-color:#bdb9b0}html[data-theme="light"] .services{color:#161616;background:#e6e2d9}html[data-theme="light"] .services h2 em{color:#161616}html[data-theme="light"] .service-list article{border-color:#bdb9b0}html[data-theme="light"] .service-list p{color:#625f58}html[data-theme="light"] .software{color:#161616;background:#e7e5de}html[data-theme="light"] .software-heading h2 em{color:#161616}html[data-theme="light"] .software-intro,html[data-theme="light"] .software-intro strong{color:#4d504b}html[data-theme="light"] .software-capabilities span{color:#4e514c;border-color:#aeb1aa}html[data-theme="light"] .product-tech-grid{border-color:#aaa}html[data-theme="light"] .product-tech-grid article,html[data-theme="light"] .product-tech-grid article:last-child{color:#161616;background:#f3f1ec;border-color:#b7b4ac}html[data-theme="light"] .product-tech-grid p,html[data-theme="light"] .product-tech-grid a{color:#565a55}html[data-theme="light"] .process{color:#161616;background:#e9e6df}html[data-theme="light"] .process-heading h2 em{color:#161616}html[data-theme="light"] .process-heading>p,html[data-theme="light"] .process-steps p{color:#64615b}html[data-theme="light"] .process-steps,html[data-theme="light"] .process-steps article{border-color:#b9b5ac}html[data-theme="light"] .gallery-rails{color:#161616;background:#efede7}html[data-theme="light"] .gallery-rails-title h2 em{color:#161616}html[data-theme="light"] .gallery-rails-title p{color:#625f58}html[data-theme="light"] .gallery-rail-actions button{color:#161616;border-color:#777}html[data-theme="light"] .gallery-card{color:#fff}html[data-theme="light"] .contact{color:#161616;background:#efede7}html[data-theme="light"] .contact em{color:#161616}html[data-theme="light"] .mobile-nav{color:#161616;background:#f2f0eb}html[data-theme="light"] .mobile-nav a{border-color:#c8c4bb}html[data-theme="light"] .mobile-nav span{color:#777}

.company-links{background:#101110}.company-links-heading{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.company-links-heading h2 em{color:#fff}.company-links-heading p{max-width:560px;margin:0 0 1rem;color:#8d918c}.company-link-grid{margin-top:clamp(3rem,6vw,6rem);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #343634;border-left:1px solid #343634}.company-link-grid a{min-height:420px;padding:30px;display:flex;flex-direction:column;border-right:1px solid #343634;border-bottom:1px solid #343634;text-decoration:none;transition:.3s}.company-link-grid a:hover{color:#111;background:#d9ff42}.company-link-grid span{color:#777;font-size:10px}.company-link-grid h3{margin:70px 0 20px;font:700 clamp(2.3rem,3.5vw,4.5rem)/.95 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.company-link-grid p{margin:0;color:#8c908b;font-size:14px}.company-link-grid a:hover p,.company-link-grid a:hover span{color:#303522}.company-link-grid b{margin-top:auto;padding-top:30px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.international-strip a{display:inline-block;margin-top:18px;color:#111;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.site-footer{grid-template-columns:1.5fr .6fr .7fr .6fr}html[data-theme="light"] .company-links{color:#161616;background:#e9e6df}html[data-theme="light"] .company-links-heading h2 em{color:#161616}html[data-theme="light"] .company-links-heading p{color:#64615b}html[data-theme="light"] .company-link-grid,html[data-theme="light"] .company-link-grid a{border-color:#b9b5ac}html[data-theme="light"] .company-link-grid p{color:#64615b}
@media(max-width:1000px){.company-links-heading{grid-template-columns:1fr}.company-link-grid{grid-template-columns:1fr 1fr}.company-link-grid a:last-child{grid-column:1/-1}.site-footer{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:650px){.company-link-grid{grid-template-columns:1fr}.company-link-grid a,.company-link-grid a:last-child{grid-column:auto;min-height:auto}.company-link-grid h3{margin-top:42px}.company-link-grid b{margin-top:40px}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}

/* Original venture marks */
.project .project-image {
  height: auto;
  aspect-ratio: 1;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  gap: 0;
  opacity: 1;
  transform: none;
}
.project-image.fourbestfans-brand { background: #171717; }
.project-image.matador-brand { padding: 8px; background: #082c55; }
@media (max-width: 650px) { .project-image.matador-brand { padding: 4px; } }

/* Long-form software product stories */
.product-tech-grid{grid-template-columns:1fr}
.product-tech-grid article,.product-tech-grid article:nth-child(1),.product-tech-grid article.matador-expanded,.product-tech-grid article:nth-child(3){grid-column:auto;grid-row:auto;min-height:auto;border-right:0;border-bottom:1px solid #343836}
.product-tech-grid article.matador-expanded{background:#121613}
.product-tech-grid article.mypaysix-expanded{border-bottom:0;background:#0d0f0e}
.product-longform{margin-top:2px}
.product-longform .product-lead{color:#f4f0e8;font-size:17px;line-height:1.45}
.product-longform .product-tagline{margin:24px 0 30px;padding:14px 18px;border-left:4px solid var(--matador-orange);color:#f4f0e8;background:#1b253c;font-size:15px}
.product-longform h4{max-width:900px;margin:38px 0 14px;color:#f4f0e8;font:700 clamp(1.45rem,2.2vw,2.35rem)/1.05 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}
.product-longform p{max-width:900px;font-size:14px;line-height:1.75}
.product-longform strong{color:#f4f0e8}
.product-longform .product-closing{margin-top:34px;padding-top:24px;border-top:1px solid #38403b;color:#f4f0e8;font-size:16px}
.product-longform .product-footnote{color:#737b76;font-size:13px}
.product-tech-grid article>a{margin-top:28px}
html[data-theme="light"] .product-longform .product-lead,html[data-theme="light"] .product-longform h4,html[data-theme="light"] .product-longform strong,html[data-theme="light"] .product-longform .product-closing{color:#161616}
html[data-theme="light"] .product-longform .product-tagline,html[data-theme="light"] .product-longform .product-tagline strong{color:#fff}
@media(max-width:650px){.product-longform .product-lead{font-size:15px}.product-longform .product-tagline{padding:12px 14px}.product-longform h4{margin-top:32px}.product-longform p{font-size:13px}}

@media(max-width:1000px){.mobile-settings{margin-top:auto;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.mobile-settings>div{padding-top:14px;border-top:1px solid #333}.mobile-settings strong{display:block;margin-bottom:10px;color:#777;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.setting-options{display:flex;gap:6px;flex-wrap:wrap}.setting-options button{padding:8px 10px;border:1px solid #444;border-radius:999px;color:#aaa;background:transparent;font-size:9px;text-transform:uppercase}.setting-options button.active{color:#111;background:#fff;border-color:#fff}html[data-theme="light"] .mobile-settings>div{border-color:#c8c4bb}html[data-theme="light"] .setting-options button{color:#555;border-color:#aaa}html[data-theme="light"] .setting-options button.active{color:#fff;background:#111;border-color:#111}}
@media(max-width:650px){.mobile-nav{overflow:auto}.mobile-settings{grid-template-columns:1fr;margin-top:18px}.gallery-card-media{aspect-ratio:1.15}.gallery-card.portrait-card{flex-basis:min(72vw,360px)}.gallery-card.portrait-card .gallery-card-media{aspect-ratio:9/16}.gallery-viewer figure{grid-template-rows:minmax(0,1fr) auto}.viewer-media video{max-height:68vh}.theme-cycle{width:42px;height:42px}}

.gallery-family{margin:0 0 clamp(5rem,9vw,9rem);padding:clamp(3rem,6vw,6rem) 0 0;border-top:1px solid #343434;border-bottom:1px solid #343434;background:linear-gradient(180deg,rgba(255,94,31,.06),transparent 26%)}
.gallery-family-head{max-width:var(--max);margin:0 auto clamp(3rem,5vw,5rem);padding:0 clamp(24px,5vw,76px)}
.gallery-family-head>span{color:#ff5e1f;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.gallery-family-head h3{margin:12px 0 8px;font-size:clamp(4.5rem,10vw,11rem);line-height:.82;letter-spacing:-.055em;text-transform:uppercase}
.gallery-family-head h3 span{color:#ff5e1f}
.gallery-family-head p{margin:0;color:#888;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.gallery-subcollection{position:relative;padding-bottom:clamp(3.5rem,6vw,6rem)}
.gallery-subcollection .gallery-collection-head h3{font-size:clamp(2.4rem,4.5vw,5rem)}
.gallery-subcollection .gallery-collection-title{padding-left:18px;border-left:2px solid #ff5e1f}
.gallery-collection-title .gallery-brand-label {
  display: block;
  margin-top: 8px;
  color: inherit;
  font: 600 clamp(.75rem, 1.2vw, .9375rem)/1.4 Inter, system-ui, sans-serif;
  letter-spacing: .08em;
}
.gallery-card.fit-contain .gallery-card-media{background:#101010}
.gallery-card.fit-contain img{object-fit:contain;filter:none}
.gallery-card.fit-contain:hover img{filter:none}
.gallery-card-media { background: var(--black); }
.gallery-card-media picture { display: block; width: 100%; height: 100%; }
.gallery-card-media img,
.gallery-card-media video { object-fit: contain; }
.gallery-card.fit-cover img { object-fit: cover; filter: none; }
.gallery-card.video-card .gallery-card-media { background: #050505; }
.gallery-card-media .video-poster { filter: none; }
.gallery-card:hover .gallery-card-media img { transform: none; }
#fourbestfans-videos .video-poster {
  object-fit: cover;
  transform: scale(var(--poster-scale, 1));
}
#gallery-creator .gallery-card { flex-basis: clamp(260px, 27vw, 410px); }
#gallery-creator .gallery-card-media { aspect-ratio: 27 / 37; }
#gallery-creator .gallery-card-media img { object-fit: cover; object-position: center 35%; filter: none; }
.gallery-empty{flex:1 0 calc(100% - 2px);min-height:150px;margin:0;display:grid;place-items:center;border:1px dashed #3b3b3b;color:#777;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
html[data-theme="light"] .gallery-family{border-color:#c7c2b8;background:linear-gradient(180deg,rgba(255,94,31,.08),transparent 26%)}
html[data-theme="light"] .gallery-empty{border-color:#bdb7ad;color:#6c6963}

@media(max-width:650px){
  .gallery-family{padding-top:70px}
  .gallery-family-head{padding:0 22px;margin-bottom:52px}
  .gallery-family-head h3{font-size:72px}
  .gallery-family-head p{max-width:270px;line-height:1.7}
  .gallery-subcollection .gallery-collection-head h3{font-size:36px}
  #gallery-creator .gallery-card { flex-basis: min(76vw, 360px); }
}
.languages select,.language-options select{max-width:190px;padding:8px 30px 8px 10px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:#111;font:500 9px/1.2 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif,sans-serif;letter-spacing:.05em;color-scheme:dark;cursor:pointer}.language-options select{width:100%;max-width:none;border-color:#444;background:#151515}html[data-theme="light"] .language-options select{color:#111;background:#f2f0eb;border-color:#aaa;color-scheme:light}

/* Midnight Editorial palette + contrast-safe hero treatment */
:root{--black:#0b0d10;--soft:#171a1f;--surface:#171a1f;--paper:#f4f0e8;--white:#f4f0e8;--muted:#b9b2a8;--coral:#ff6a3d;--cyan:#16b9e8;--matador-navy:#1b253c;--matador-orange:#ff7a1a}
.hero {
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: center;
  row-gap: clamp(26px, 4vh, 52px);
  padding: 128px clamp(24px, 7vw, 112px) 30px;
  background: var(--black);
}
.site-header .languages .language-trigger {
  min-width: 0;
  min-height: 42px;
  padding: 0 12px;
  grid-template-columns: auto auto auto;
  color: var(--paper);
  background: rgba(10, 11, 13, .7);
}
.site-header .theme-cycle {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  padding: 0;
  background: rgba(10, 11, 13, .7);
}
.site-header .theme-cycle:hover { background: rgba(32, 33, 36, .92); }
@media (max-width: 650px) {
  .hero { padding: 104px 20px 22px; }
  .hero-copy h1 { font-size: clamp(3rem, 18vw, 5.25rem); }
}
.cinema-shot-sao-paulo-front img { object-position: 56% 63%; }
.cinema-shot-sao-paulo-detail img { object-position: 45% 48%; }
.hero::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,7,9,.85), rgba(5,7,9,.74) 34%, rgba(5,7,9,.52) 54%, transparent 84%),
    linear-gradient(180deg, rgba(5,7,9,.68), transparent 150px, transparent calc(100% - 115px), rgba(5,7,9,.65));
}
.site-header,.site-header a,.header-contact{color:var(--paper)}
.header-contact{border-color:rgba(244,240,232,.78);background:rgba(11,13,16,.16);text-shadow:0 1px 8px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.header-contact:hover{color:var(--black);background:var(--paper)}
.hero-copy{color:var(--paper)}
.overline{color:rgba(244,240,232,.88);text-shadow:0 2px 10px rgba(0,0,0,.72)}
.hero-copy h1{color:var(--paper);text-shadow:0 4px 24px rgba(0,0,0,.34)}
.hero-copy h1 em{color:transparent;-webkit-text-stroke:2px var(--paper);text-shadow:0 4px 20px rgba(0,0,0,.58)}
.hero-sub p{color:rgba(244,240,232,.9);text-shadow:0 2px 10px rgba(0,0,0,.72)}
.hero-sub a{padding:12px 16px;border:0;border-radius:999px;color:var(--black);background:var(--paper);box-shadow:0 8px 28px rgba(0,0,0,.2);text-shadow:none;white-space:nowrap}
.hero-sub a:hover,.hero-sub a:focus-visible{color:var(--matador-orange);background:transparent;border-color:var(--matador-orange)}
.services,.gallery-rails,.contact{background:var(--black)}
.software,.team,.process,.company-links{background:var(--surface)}
.product-tech-grid article{background:#101318}.product-tech-grid article:last-child{background:#141820}
.international-strip {
  color: var(--paper);
  background: #101318;
  border: 1px solid #343836;
}
.international-strip p { color: var(--muted); }
.international-strip a { color: inherit; text-decoration: underline; text-underline-offset: .24em; }
html[data-theme="light"] .international-strip {
  color: #161616;
  background: #f3f1ec;
  border-color: #b7b4ac;
}
html[data-theme="light"] .international-strip p { color: #565a55; }
.company-link-grid a:hover,.company-link-grid a:focus-visible{color:#fff;background:var(--matador-navy);box-shadow:inset 5px 0 0 var(--matador-orange);outline:none}
.company-link-grid a:hover p,.company-link-grid a:hover span,.company-link-grid a:focus-visible p,.company-link-grid a:focus-visible span{color:#d9dde6}
.company-link-grid a:hover b,.company-link-grid a:focus-visible b{color:var(--matador-orange)}
.gallery-card.logo-card .gallery-card-media { aspect-ratio: 1; }
.gallery-card.logo-card img { padding: 0; object-fit: contain; background: var(--surface); }
.gallery-card.logo-card.logo-invert img{filter:invert(1);background:#fff}
.gallery-card.logo-card.logo-invert:hover img{filter:invert(1)}
#topten-trailer .gallery-card {
  flex-basis: min(82vw, clamp(320px, 43vw, 660px));
}
#topten-trailer .gallery-card-media { aspect-ratio: 16 / 9; }
#topten-trailer figcaption {
  min-height: 52px;
  align-items: center;
}
#merchandising .gallery-rail,
#matador-shoes .gallery-rail { align-items: flex-start; }
#sexy-dance .gallery-rail {
  --clip-height: clamp(200px, 50vw, 360px);
  align-items: flex-start;
}
#sexy-dance .gallery-card {
  flex-basis: min(82vw, calc(var(--clip-height) * 16 / 9));
}
#sexy-dance .portrait-card {
  flex-basis: calc(var(--clip-height) * 9 / 16);
}
#sexy-dance .gallery-card-media {
  height: var(--clip-height);
}
#sexy-dance .video-poster {
  position: absolute;
  left: 50%;
  width: var(--poster-width, 100%);
  max-width: none;
  transform: translateX(-50%);
  object-fit: contain;
}
#sexy-dance .gallery-card:hover .video-poster {
  transform: translateX(-50%);
}
#sexy-dance figcaption {
  min-height: 44px;
  padding: 10px;
  gap: 6px;
  align-items: center;
}
#merchandising .gallery-rail,
#topten-trailer .gallery-rail,
#matador-promotion .gallery-rail {
  scroll-padding-inline: max(clamp(24px, 5vw, 76px), calc((100vw - var(--max)) / 2 + clamp(24px, 5vw, 76px)));
}
@media (max-width: 650px) {
  #merchandising .gallery-rail,
  #topten-trailer .gallery-rail,
  #matador-promotion .gallery-rail { scroll-padding-inline: 20px; }
}

/* The moving hero stays legible in both site themes. */
html[data-theme="light"] .hero,html[data-theme="light"] .site-header{color:var(--paper)}
html[data-theme="light"] .hero-copy h1{color:var(--paper)}
html[data-theme="light"] .hero-copy h1 em{color:transparent;-webkit-text-stroke-color:var(--paper)}
html[data-theme="light"] .hero-sub p,html[data-theme="light"] .overline,html[data-theme="light"] .site-header a{color:var(--paper)}
html[data-theme="light"] .header-contact{color:var(--paper)}
html[data-theme="light"] .header-contact:hover{color:var(--black)}

/* Keep the optional light mode available outside the cinematic hero. */
html[data-theme="light"] .services{color:#161616;background:#e6e2d9}
html[data-theme="light"] .software{color:#161616;background:#e7e5de}
html[data-theme="light"] .team{color:#161616;background:#f2f0eb}
html[data-theme="light"] .process,html[data-theme="light"] .company-links{color:#161616;background:#e9e6df}
html[data-theme="light"] .gallery-rails,html[data-theme="light"] .contact{color:#161616;background:#efede7}
html[data-theme="light"] .gallery-card.logo-card img{background:#e3dfd6}
html[data-theme="light"] .gallery-card.logo-card.logo-invert img{filter:invert(1);background:#fff}
html[data-theme="light"] .gallery-card.logo-card.logo-invert:hover img{filter:invert(1)}

@media(max-width:650px){
  .hero::after {
    background: linear-gradient(180deg, rgba(5,7,9,.62), rgba(5,7,9,.28) 17%, rgba(5,7,9,.72) 34%, rgba(5,7,9,.80) 73%, rgba(5,7,9,.65));
  }
  .hero-sub{width:auto;margin-top:30px;align-items:flex-start;flex-direction:column;gap:20px}
  .hero-sub a{padding:10px 13px}
  .project:first-child .project-image{padding:4px}
}

/* Readability, expandable product stories and the confidential 18+ entry */
body{font-weight:500}
.desktop-nav,.header-contact,.hero-sub a,.site-footer a{font-weight:600}
.section-kicker p,.gallery-collection-head small,.gallery-family-head>span,.gallery-family-head p,.contact-label{font-size:11px;font-weight:700;letter-spacing:.13em}
.manifesto-copy,.company-links-heading p,.software-intro,.service-list p,.full-service-heading>p,.process-heading>p,.team-heading>p{font-weight:500}
.service-list p,.product-longform p{font-size:15px;line-height:1.72}
.product-longform{position:relative;transition:max-height .45s ease}
.product-longform.is-collapsed{max-height:560px;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
.product-longform.is-expanded{max-height:none;mask-image:none;-webkit-mask-image:none}
.product-story-toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: .65em;
  min-height: 44px;
  margin: 6px 0 0;
  padding: 0 4px 0 0;
  border: 0;
  color: var(--paper);
  background: transparent;
  font-size: .875rem;
  font-weight: 600;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: .22em;
  cursor: pointer;
}

.product-story-toggle::after {
  content: "";
  width: .42em;
  height: .42em;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: translateY(-.1em) rotate(45deg);
}

.product-story-toggle[aria-expanded="true"]::after {
  transform: translateY(.1em) rotate(225deg);
}

html[data-theme="light"] .product-story-toggle { color: #161616; }
.product-story-toggle:hover { text-decoration-thickness: 2px; }
.product-tech-grid article > .product-story-toggle + a {
  align-self: flex-start;
  margin-top: 6px;
  padding-top: 8px;
}
.site-footer{align-items:start}
.adult-service-card{grid-column:1/-1;min-height:260px;margin-bottom:30px;padding:clamp(28px,4vw,54px);display:grid!important;grid-template-columns:1.15fr .75fr auto;gap:6vw;align-items:end;color:#f4f0e8!important;background:#11151b;text-decoration:none!important;box-shadow:inset 5px 0 0 var(--matador-orange);transition:.3s}
.adult-service-card:hover,.adult-service-card:focus-visible{background:#1b253c;outline:2px solid var(--matador-orange);outline-offset:3px}
.adult-service-kicker{display:block;margin-bottom:35px;color:var(--matador-orange);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.adult-service-card h2{margin:0;font:700 clamp(3rem,6vw,7rem)/.84 "Arial Narrow",Arial,sans-serif;letter-spacing:-.04em;text-transform:uppercase}
.adult-service-card p{max-width:470px;margin:0;color:#c4c8d0;font-size:16px;line-height:1.65}
.adult-service-card p strong{display:block;margin-top:22px;color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.adult-service-card svg{width:54px;fill:none;stroke:#f4f0e8;stroke-width:2}
.site-footer h2{font-size:12px;font-weight:800}.site-footer a{font-size:13px}.footer-brand p{font-size:13px;font-weight:500;line-height:1.6}
.full-service-heading>*,.process-heading>*,.gallery-rails-title>*{min-width:0}
.full-service-heading h2 em,.process-heading h2 em{display:block;max-width:100%;overflow-wrap:anywhere}
.gallery-rails-title h2 {
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: .96;
}
.gallery-rails-title h2 em { display: block; }
.gallery-card figcaption {
  font-size: clamp(.8125rem, 1.1vw, .875rem);
  line-height: 1.45;
  text-transform: none;
}
.gallery-card figcaption span:last-child {
  color: #aaa;
  font-size: .6875rem;
  font-variant-numeric: tabular-nums;
}
@media (min-width: 1001px) {
  .site-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    column-gap: clamp(16px, 2vw, 32px);
  }
  .desktop-nav {
    justify-content: center;
    gap: clamp(14px, 1.7vw, 36px);
    white-space: nowrap;
  }
  .desktop-nav a { font-size: clamp(.6875rem, .85vw, .875rem); }
  .header-actions { gap: clamp(10px, 1.1vw, 20px); }
  .header-contact { white-space: nowrap; }
}
.gallery-collection-head>div:first-child{min-width:0}
.gallery-collection-head h3{overflow-wrap:anywhere}
.gallery-empty{min-height:96px}
@media(max-width:760px){
  .gallery-collection-head{align-items:flex-end;flex-wrap:wrap;gap:16px}
  .gallery-collection-head>div:first-child{width:100%}
  .gallery-rail-actions{margin-left:auto}
  .adult-service-card{min-height:auto;grid-template-columns:1fr;padding:30px 24px;gap:28px}
  .adult-service-kicker{margin-bottom:24px}
  .adult-service-card p{font-size:14px}
  .adult-service-card svg{width:42px}
  .product-longform.is-collapsed{max-height:500px}
  .section-kicker p,.gallery-collection-head small,.gallery-family-head>span,.gallery-family-head p{font-size:10px}
}

/* Focused conversion path and accessible mobile navigation */
.hero-actions{display:flex;align-items:center;gap:18px}
.hero-sub .hero-secondary{padding:8px 0;border-bottom:1px solid rgba(244,240,232,.72);border-radius:0;color:var(--paper);background:transparent;box-shadow:none}
.hero-sub .hero-secondary:hover,.hero-sub .hero-secondary:focus-visible{color:var(--matador-orange);border-color:var(--matador-orange);background:transparent}
.hero-proof{max-width:760px;margin-top:28px;padding-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;border-top:1px solid rgba(244,240,232,.34);color:rgba(244,240,232,.72);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.hero-proof span{display:block}
.hero-proof strong{margin-inline-end:.25em}
.hero-proof strong{color:var(--paper);font-weight:800}
.mobile-nav { overflow-y: auto; }
.mobile-nav .mobile-adult-link {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  font-size: clamp(1.35rem, 5vw, 2.125rem);
  line-height: 1.1;
}
.mobile-nav .mobile-adult-link span { margin: 0; }
.mobile-adult-link b {
  padding: .3rem .55rem;
  border: 1px solid var(--matador-orange);
  border-radius: 999px;
  font: 700 .8rem/1 system-ui, sans-serif;
}
.mobile-nav[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.menu-open .mobile-nav{visibility:visible;pointer-events:auto}
.product-longform.is-collapsed{max-height:380px}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--matador-orange);outline-offset:4px}

@media(max-width:650px){
  .hero-actions{width:100%;gap:14px;flex-wrap:wrap}
  .hero-sub .hero-primary{padding:11px 14px}
  .hero-sub .hero-secondary{padding:8px 2px}
  .hero-proof{width:100%;margin-top:22px;padding-top:14px;gap:8px;font-size:8px}
  .product-longform.is-collapsed{max-height:330px}
}

.editorial-links {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1.25rem;
  margin-block: 1.5rem;
}
.editorial-links a {
  border-bottom: 1px solid currentColor;
  padding-block: .45rem;
  color: inherit;
  font-size: .95rem;
  font-weight: 600;
  text-decoration: none;
}
.editorial-links a:hover { border-color: var(--matador-orange); }
.editorial-links b { margin-inline-start: .25em; }

/* Keep the longer French title within the hero on narrow screens. */
html[lang="fr"] .hero-copy h1 { font-size: clamp(3rem, min(9vw, 16svh), 11rem); }
@media (max-width: 650px) {
  html[lang="fr"] .hero-copy h1 { font-size: clamp(2.25rem, 12.6vw, 4.75rem); }
}

html:is([lang="pt-PT"], [lang="pt-BR"]) .hero-copy h1 {
  font-size: clamp(3rem, min(9vw, 16svh), 11rem);
}
@media (max-width: 650px) {
  html:is([lang="pt-PT"], [lang="pt-BR"]) .hero-copy h1 {
    font-size: clamp(2rem, 12.2vw, 4.75rem);
  }
}

/* Give translated headlines room without forcing the page wider. */
html:not([lang="de"], [lang="en"]) .contact > a {
  font-size: clamp(2.2rem, min(11vw, 15svh), 10rem);
  max-width: 100%;
  overflow-wrap: anywhere;
}
html:not([lang="de"], [lang="en"]) .contact > a b {
  right: clamp(-24px, -3vw, -10px);
  font-size: clamp(1rem, 2.5vw, 1.8rem);
}
@media (max-width: 650px) {
  html:not([lang="de"], [lang="en"]) :is(.service-content, .audience-grid article, .software-heading > *) { min-width: 0; }
  html:not([lang="de"], [lang="en"]) :is(.audience-grid h3, .software-heading h2) {
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  html:not([lang="de"], [lang="en"]) .service-content h2 {
    font-size: clamp(2rem, 11vw, 3.75rem);
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  html:not([lang="de"], [lang="en"]) .testimonial blockquote p {
    font-size: clamp(1.5rem, 9.5vw, 2.8rem);
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  html[lang="hu"] .testimonial blockquote p {
    font-size: clamp(1.5rem, 8vw, 2.8rem);
    hyphens: auto;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 380px) {
  html:not([lang="de"], [lang="en"]) .studio-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html:not([lang="de"], [lang="en"]) :is(.studio-facts, .international-strip) > * {
    min-width: 0;
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  html:not([lang="de"], [lang="en"]) .section h2 {
    font-size: clamp(2rem, 11vw, 3.4rem);
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  html:not([lang="de"], [lang="en"]) :is(.manifesto-grid, .company-links-heading, .service-content, .team-heading, .process-heading) > *,
  html:not([lang="de"], [lang="en"]) :is(.company-link-grid a, .audience-grid article, .project > *) {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

/* Thai vowel and tone marks need room above and below the line. */
html:lang(th) :is(.hero-copy h1, .section h2, .gallery-collection-title h3) {
  line-height: 1.18;
  letter-spacing: normal;
}
html:lang(th) .hero-copy h1 { font-size: clamp(3rem, 11vw, 9rem); }
html:lang(th) :is(.overline, .hero-meta) { letter-spacing: normal; }

/* Typography and spacing for the studio overview. */
:root {
  --home-display: clamp(3rem, 13vw, 7rem);
  --home-heading: clamp(1.75rem, 4.3vw, 3.25rem);
  --home-reading: clamp(1rem, 1.2vw, 1.125rem);
  --home-section-space: clamp(2.75rem, 6vw, 5.5rem);
  --home-title-space: clamp(1.5rem, 3vw, 2.75rem);
}

.hero { min-height: min(100svh, 49rem); }
html[lang] .hero-copy h1 {
  font-size: var(--home-display);
  line-height: 1;
  overflow-wrap: anywhere;
}
html:is([lang="fr"], [lang="pt-PT"], [lang="pt-BR"]) .hero-copy h1 {
  font-size: min(var(--home-display), 10.5vw);
}
html:lang(th) .hero-copy h1 { line-height: 1.18; }

.hero-sub { margin-top: 1.5rem; }
.hero-sub p { font-size: var(--home-reading); }

.section, .gallery-rails, .contact { padding-block: var(--home-section-space); }
:where(.manifesto-grid, .company-links-heading, .software-heading, .full-service-heading, .projects-heading, .process-heading, .team-heading) {
  min-width: 0;
}
:is(.manifesto-grid, .company-links-heading, .software-heading, .full-service-heading, .projects-heading, .process-heading, .team-heading) {
  margin-top: var(--home-title-space);
}
:is(.manifesto-grid, .company-links-heading, .software-heading, .service-content, .full-service-heading, .projects-heading, .process-heading, .team-heading, .gallery-rails-title, .adult-service-card) h2,
html[lang] .section h2 {
  font-size: var(--home-heading);
  line-height: 1.05;
  hyphens: auto;
  overflow-wrap: anywhere;
}
.full-service-heading h2 br { display: none; }
.gallery-rails-title { margin-block: var(--home-title-space); }
.service-content { padding-block: var(--home-section-space); }
html[lang] .service-content h2 { margin-block: var(--home-title-space); }
:is(.about-story, .software-intro, .company-links-heading p, .service-list p, .product-longform p, .full-service-heading > p, .projects-heading > p, .process-heading > p, .team-heading > p, .gallery-rails-title > p) {
  font-size: var(--home-reading);
  line-height: 1.6;
}
:is(.studio-facts, .project-list, .audience-grid, .process-steps, .team-grid) {
  margin-top: var(--home-title-space);
}
:is(.section-kicker p, .gallery-collection-head small, .contact-label) { font-size: .75rem; }
.gallery-collection-head h3 { font-size: clamp(1.5rem, 3vw, 2.75rem); }
.gallery-collection { padding-bottom: var(--home-title-space); }
:is(.reel-toggle, .gallery-rail-actions button, .viewer-arrow, .viewer-close) {
  width: 48px;
  height: 48px;
}

html[lang] .testimonial blockquote p {
  font-size: clamp(1.5rem, 4.2vw, 3rem);
  line-height: 1.15;
  hyphens: auto;
  overflow-wrap: anywhere;
}
html[lang] .contact > a { font-size: clamp(2rem, 6vw, 5.5rem); }

@media (max-width: 1000px) {
  :is(.manifesto-grid, .software-heading, .full-service-heading, .projects-heading, .process-heading, .team-heading, .gallery-rails-title) {
    row-gap: 1.125rem;
  }

  :is(.manifesto-copy, .software-intro, .full-service-heading > p, .projects-heading > p, .process-heading > p, .team-heading > p, .gallery-rails-title > p) {
    margin-top: 0;
  }

  .site-header :is(.theme-cycle, .menu-toggle) {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
  .mobile-nav a {
    min-height: 48px;
    font-size: 1.5rem;
    line-height: 1.15;
  }
  .mobile-nav .mobile-adult-link { font-size: 1.25rem; }
}

@media (max-width: 650px) {
  :root {
    --home-display: clamp(2.75rem, 14vw, 3.5rem);
    --home-heading: clamp(1.625rem, 8.25vw, 2.125rem);
  }

  .hero { min-height: min(100svh, 41rem); }
  .hero .overline { margin-bottom: .75rem; }
  .hero-proof { font-size: .625rem; }
  .hero-proof > span { overflow-wrap: anywhere; }
  .service-visual { min-height: clamp(15rem, 78vw, 21rem); }
  .full-service-heading h2 { text-wrap: balance; }
  .full-service-heading h2 em { display: inline; }
  .full-service-heading h2 br { display: revert; }
  .testimonial blockquote { margin-top: var(--home-title-space); padding-top: 2.75rem; }
  .testimonial blockquote > span { font-size: 4rem; }
  .gallery-collection-head { align-items: center; gap: 8px; }
  .gallery-collection-head > div:first-child { width: auto; flex: 1 1 9rem; }
  html[lang] .contact > a { max-width: 100%; overflow-wrap: anywhere; }
}

@media (max-width: 650px) {
  .company-link-grid { grid-template-columns: minmax(0, 1fr); }
  .company-link-grid a { min-width: 0; padding: 1.25rem; overflow-wrap: anywhere; }
}