/* VOODOO MUSIC BRANDING — Editorial digital system 2026/27 */
:root{--ink:#131210;--ink2:#1e1b18;--cream:#f4f0e7;--paper:#eae4da;--muted:#aba49a;--line:rgba(244,240,231,.18);--ember:#d78350;--rust:#a44529;--gold:#e6a56e;--container:1280px;--display:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,Inter,Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#cf865b;color:#18120e}p{margin:0 0 1.3em}h1,h2,h3,h4{margin:0;line-height:1.05;font-weight:400}h1,h2,.display{font-family:var(--display);letter-spacing:-.045em}h1{font-size:clamp(4.15rem,8.2vw,9rem)}h2{font-size:clamp(3.2rem,6.8vw,6.6rem)}h3{font-size:clamp(1.7rem,2.4vw,2.6rem)}.shell{width:min(calc(100% - 96px),var(--container));margin-inline:auto}.label,.eyebrow,.nav a,.btn,.pill,.index-number,.service-index,.foot-label{font:600 11px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase}.label,.eyebrow{color:var(--gold)}.eyebrow{display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:'';display:block;width:23px;height:1px;background:currentColor}.display em,h1 em,h2 em{font-style:italic;font-weight:400;color:var(--gold)}.muted{color:var(--muted)}.lead{font-size:clamp(18px,2vw,24px);line-height:1.55;letter-spacing:-.018em}.hairline{border:0;border-top:1px solid var(--line);margin:0}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;gap:25px;border:1px solid var(--cream);background:var(--cream);color:var(--ink);transition:background .2s,color .2s,transform .2s}.btn:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}.btn:focus-visible,.nav a:focus-visible,.tab:focus-visible,.menu-toggle:focus-visible,.text-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.btn svg{width:18px;height:18px}.btn.outline{background:transparent;color:var(--cream);border-color:rgba(244,240,231,.38)}.btn.outline:hover{border-color:var(--gold);color:var(--gold)}.text-link{display:inline-flex;align-items:center;gap:14px;font-weight:600;letter-spacing:.02em;border-bottom:1px solid var(--gold);padding:0 0 7px;transition:gap .2s}.text-link:hover{gap:22px}.text-link span{color:var(--gold)}.tag{border:1px solid var(--line);padding:9px 12px;border-radius:99px;font-size:11px;letter-spacing:.08em;color:var(--muted)}
/* header */
.site-header{height:88px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(19,18,16,.92);backdrop-filter:blur(22px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;flex-direction:column;line-height:1;color:#fff;flex-shrink:0}.brand-main{font-family:var(--sans);font-size:30px;line-height:.92;letter-spacing:.02em;font-weight:400}.brand-sub{font-size:10px;line-height:1.6;letter-spacing:.43em;margin-left:2px;margin-top:6px;white-space:nowrap}.nav{display:flex;align-items:center;gap:clamp(15px,1.8vw,32px)}.nav a{color:#d5d0c6;letter-spacing:.12em;transition:color .2s}.nav a:hover,.nav a[aria-current='page']{color:var(--gold)}.nav .nav-cta{color:#16130f;background:var(--cream);padding:12px 16px;border:1px solid var(--cream)}.nav .nav-cta:hover{color:#16130f;background:var(--gold)}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:transparent;color:var(--cream);align-items:center;justify-content:center}.menu-toggle svg{width:21px}
/* hero */
.hero{min-height:calc(100svh - 88px);position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:76px 0 65px;background:radial-gradient(ellipse at 70% 70%,#462c20 0,transparent 48%),var(--ink)}.hero:before{content:'V';position:absolute;font:400 70vw/.75 Georgia,serif;color:rgba(198,116,72,.025);top:8%;right:-3%;z-index:-1;pointer-events:none}.hero .shell{display:grid;grid-template-columns:1.1fr .78fr;gap:clamp(50px,6vw,120px);align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{margin-bottom:33px}.hero h1{font-size:clamp(5.0rem,8.1vw,9.4rem);line-height:.93;max-width:820px}.hero h1 em{display:block}.hero-summary{display:flex;gap:28px;align-items:start;margin-top:35px;max-width:560px}.hero-summary:before{content:'';display:block;min-width:40px;height:1px;background:var(--gold);margin-top:14px}.hero-summary p{font-size:17px;color:#c7c0b6;max-width:380px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{height:min(69vh,765px);min-height:490px;position:relative;align-self:stretch}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) brightness(.75) saturate(.82)}.hero-visual:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(19,18,16,.25),transparent 45%),linear-gradient(0deg,rgba(16,14,12,.52),transparent 40%)}.hero-visual:after{content:'';position:absolute;inset:16px;z-index:2;border:1px solid rgba(255,255,255,.25);pointer-events:none}.hero-side-note{position:absolute;right:-24px;bottom:32px;z-index:2;font:600 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;color:var(--cream)}.hero-counter{position:absolute;top:26px;right:26px;z-index:2;font:600 11px var(--sans);letter-spacing:.17em}.hero-vertical{position:absolute;bottom:28px;left:30px;z-index:3;font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}.strip{padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b1916}.strip .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.strip span{font:600 11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#b8b0a5}.strip b{color:var(--gold);font-weight:400;margin-right:12px}
/* sections */
.section{padding:145px 0}.section.tight{padding:105px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:45px;margin-bottom:65px}.section-heading h2{max-width:760px}.section-heading p{margin:0;color:#a9a39a;max-width:380px;font-size:17px;justify-self:end}.section-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-index{font:600 11px var(--sans);letter-spacing:.17em;color:var(--muted)}.statement{background:var(--cream);color:var(--ink);position:relative;overflow:hidden}.statement:before{content:'“';position:absolute;font:450px/1 Georgia,serif;color:#e9ded0;right:3%;top:-110px}.statement-grid{display:grid;grid-template-columns:.35fr 1fr;gap:12%;position:relative;z-index:1}.statement .eyebrow{color:#a85835}.statement blockquote{font:400 clamp(2.5rem,4.9vw,5.4rem)/1.12 var(--display);letter-spacing:-.045em;margin:0}.statement blockquote em{color:#9b4a2f}.statement-foot{display:flex;align-items:end;justify-content:space-between;margin-top:47px;gap:30px;border-top:1px solid #cfc4b5;padding-top:30px}.statement-foot p{max-width:630px;color:#635d56;margin:0}
/* services */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{padding:33px 31px 37px;min-height:365px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;position:relative;transition:background .2s}.service-card:hover{background:#24201b}.service-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold)}.service-card h3{font:400 clamp(2rem,2.9vw,3rem)/1.05 var(--display);letter-spacing:-.035em;margin-top:49px}.service-card p{font-size:14px;color:#a9a39a;max-width:300px;margin:15px 0 28px}.service-arrow{font-size:28px;line-height:1;color:var(--gold);margin-top:auto;align-self:end;transition:transform .2s}.service-card:hover .service-arrow{transform:translate(4px,-4px)}
/* sector tabs */
.sectors{background:#211c18}.sectors-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.sector-photo{height:690px;position:relative;overflow:hidden}.sector-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.76) saturate(.75)}.sector-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17130f99,transparent 70%);z-index:1}.sector-caption{position:absolute;bottom:34px;left:34px;z-index:2;font:600 11px var(--sans);letter-spacing:.15em;text-transform:uppercase}.sector-content h2{margin:19px 0 33px}.tab-list{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:35px 0 32px}.tab{font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.1em;background:transparent;border:0;border-bottom:2px solid transparent;color:#999186;padding:13px 15px 16px}.tab[aria-selected='true']{color:var(--cream);border-bottom-color:var(--gold)}.tab-panel{min-height:205px}.tab-panel h3{font-size:2.2rem;margin-bottom:16px}.tab-panel p{font-size:16px;color:#b5aca0;max-width:490px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
/* process */
.process-rows{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:100px 1fr 1.2fr;align-items:start;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.process-row .num{color:var(--gold);font:600 12px var(--sans)}.process-row h3{font-size:2.15rem}.process-row p{max-width:480px;margin:0;color:var(--muted);font-size:15px}
/* clients */
.clients-section{background:var(--paper);color:#181510}.clients-section .eyebrow{color:#985232}.clients-section .section-heading p{color:#6f675c}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.client{border:1px solid #d7cabe;min-height:270px;padding:24px 18px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;background:#eee8df}.client-logo{width:145px;height:145px;display:flex;align-items:center;justify-content:center;background:#f5f2ee;border-radius:50%;overflow:hidden}.client-logo img{width:100%;height:100%;object-fit:contain}.client h3{font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase}.clients-section .text-link{margin-top:42px}
/* editorial */
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#2b1a14}.editorial-photo{min-height:630px;position:relative}.editorial-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.75) saturate(.65)}.editorial-content{padding:clamp(45px,7.5vw,118px);display:flex;flex-direction:column;justify-content:center}.editorial-content h2{font-size:clamp(2.8rem,4.6vw,5.5rem);margin:30px 0}.editorial-content p{max-width:520px;color:#cfc0b3}.editorial .text-link{align-self:start;margin-top:17px}
/* CTA/footer */
.cta{padding:140px 0;background:radial-gradient(circle at 70% 20%,#5b2b1e 0,transparent 40%),#211712;position:relative;overflow:hidden}.cta h2{max-width:1050px;font-size:clamp(3.9rem,8vw,8.4rem);margin:24px 0 40px}.cta .btn{margin-top:15px}.site-footer{padding:73px 0 26px;background:#100f0e}.footer-main{display:grid;grid-template-columns:1.2fr .75fr .8fr;gap:70px;padding-bottom:70px}.footer-main p{max-width:310px;color:#9e968b;margin-top:28px}.foot-label{color:#9e968b;margin-bottom:20px}.footer-links{display:grid;gap:13px}.footer-links a{font-size:14px;color:#d9d0c5}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#827b72}.footer-bottom a:hover{color:var(--cream)}
/* inner pages */
.page-hero{padding:112px 0 95px;min-height:470px;display:flex;align-items:center;background:radial-gradient(ellipse at 84% 29%,#3c241a,transparent 45%),#151310}.page-hero h1{font-size:clamp(4.2rem,8vw,8rem);max-width:980px;margin:24px 0 25px}.page-hero p{font-size:18px;max-width:680px;color:#aaa398;margin:0}.page-hero .eyebrow{margin-top:8px}.page-intro{padding:100px 0;border-bottom:1px solid var(--line)}.page-intro .lead{max-width:900px}.photo-banner{min-height:420px;position:relative;overflow:hidden}.photo-banner img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.7)}.photo-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#131210 0,transparent 80%)}.photo-banner .shell{position:relative;z-index:2;padding-top:110px}.photo-banner h2{max-width:600px;font-size:clamp(3rem,6vw,6rem)}.page-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-card{padding:42px;border:1px solid var(--line);background:#1a1714}.info-card .service-index{color:var(--gold);display:block;margin-bottom:40px}.info-card p{color:var(--muted);max-width:460px;margin-top:19px}.info-card h3{font-size:2.5rem}.note{background:#27211c;border-left:2px solid var(--gold);padding:25px 30px;color:#d9cec0;font-size:14px}.source-item{padding:27px 0;border-bottom:1px solid var(--line)}.source-item span{font-size:11px;color:var(--gold);letter-spacing:.13em;text-transform:uppercase}.source-item a{display:block;font-size:1.15rem;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;margin:10px 0}.source-item p{font-size:14px;color:var(--muted);margin:0}
/* form */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding:105px 0}.contact-intro h2{font-size:clamp(3rem,5vw,5.5rem);margin:20px 0 25px}.contact-intro p{max-width:430px;color:#aaa398}.contact-form{padding:42px;background:#211e1a;border:1px solid var(--line)}.field{margin-bottom:24px}.field label{display:block;font:600 11px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px;color:#d1c8bc}.field input,.field select,.field textarea{border:1px solid #594e45;border-radius:0;background:#181613;color:#f4f0e7;display:block;width:100%;padding:15px;outline:0;min-height:50px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.field textarea{resize:vertical;min-height:144px}.field select{appearance:auto}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-small{font-size:12px;color:#999084;margin:18px 0 0}.form-small a{text-decoration:underline;text-underline-offset:3px}.honeypot{position:absolute;left:-9999px;opacity:0}.success-section{text-align:center;padding:155px 0}.success-section h1{font-size:clamp(3.5rem,7vw,7rem);max-width:850px;margin:0 auto 30px}.success-section p{max-width:600px;color:var(--muted);margin:0 auto 40px}
/* responsive */
@media(max-width:1090px){.nav{gap:13px}.nav a{letter-spacing:.05em;font-size:10px}.shell{width:min(calc(100% - 64px),var(--container))}.hero h1{font-size:clamp(4.3rem,7.7vw,7rem)}.hero .shell{gap:30px}.services-grid{grid-template-columns:repeat(2,1fr)}.sectors-grid{gap:5%}}
@media(max-width:800px){.site-header{height:76px}.brand-main{font-size:27px}.brand-sub{font-size:9px}.menu-toggle{display:flex}.nav{display:none;position:absolute;left:0;right:0;top:76px;z-index:90;background:#181612;padding:22px 30px 28px;border-bottom:1px solid var(--line);box-shadow:0 25px 40px #0007;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:14px 0;font-size:12px;letter-spacing:.13em;border-bottom:1px solid var(--line)}.nav a.nav-cta{margin-top:14px;align-self:start;padding:13px 24px;border:0}.hero{min-height:unset;padding:80px 0 40px}.hero .shell{grid-template-columns:1fr}.hero h1{font-size:clamp(5rem,14vw,8rem);max-width:670px}.hero-visual{height:440px;min-height:0;margin-top:12px;align-self:auto}.hero-visual img{object-position:center 36%}.hero-side-note{right:9px}.section{padding:95px 0}.section.tight{padding:75px 0}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.section-heading p{justify-self:start}.statement-grid{grid-template-columns:1fr;gap:30px}.statement blockquote{font-size:clamp(2.8rem,6vw,5rem)}.sectors-grid{grid-template-columns:1fr}.sector-photo{height:480px}.sector-content{padding-bottom:8px}.process-row{grid-template-columns:55px 1fr;gap:15px}.process-row p{grid-column:2}.clients-grid{grid-template-columns:repeat(2,1fr)}.editorial{grid-template-columns:1fr}.editorial-photo{min-height:450px}.editorial-content{padding:70px 8%}.footer-main{gap:30px;grid-template-columns:1fr 1fr}.footer-main>.footer-brand{grid-column:span 2}.contact-grid{grid-template-columns:1fr;gap:35px}.page-hero{min-height:400px}.page-hero h1{font-size:clamp(4rem,9vw,7rem)}}
@media(max-width:520px){.shell{width:calc(100% - 40px)}.hero{padding-top:58px}.hero h1{font-size:clamp(4rem,15vw,5.9rem)}.hero .eyebrow{margin-bottom:23px}.hero-summary{gap:15px}.hero-summary:before{min-width:23px}.hero-summary p{font-size:15px}.hero-actions{gap:10px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-visual{height:420px}.strip .shell{justify-content:start;gap:10px 20px}.strip span{font-size:10px}.section{padding:76px 0}.section.tight{padding:65px 0}h2{font-size:clamp(2.8rem,12.5vw,4.7rem)}.statement blockquote{font-size:clamp(2.45rem,10.5vw,4rem)}.statement-foot{display:block}.statement-foot .text-link{margin-top:20px}.services-grid{grid-template-columns:1fr}.service-card{min-height:270px}.service-card h3{margin-top:25px}.sector-photo{height:360px}.sector-content h2{margin:12px 0 20px}.tab-list{gap:2px}.tab{font-size:10px;padding:11px 9px}.tab-panel{min-height:260px}.process-row h3{font-size:1.85rem}.clients-grid{gap:10px}.client{padding:18px 10px;min-height:215px}.client-logo{width:113px;height:113px}.client h3{font-size:10px}.editorial-photo{min-height:350px}.editorial-content{padding:55px 20px}.editorial-content h2{font-size:clamp(3rem,11vw,4.5rem)}.cta{padding:92px 0}.cta h2{font-size:clamp(3.4rem,13vw,6rem)}.footer-main{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.footer-main>.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.page-hero{padding:80px 0 70px;min-height:310px}.page-hero h1{font-size:clamp(3.6rem,13vw,5.5rem)}.page-hero p{font-size:16px}.page-card-grid{grid-template-columns:1fr}.info-card{padding:31px}.contact-grid{padding:65px 0}.contact-form{padding:25px 19px}.field-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Original VMB artwork and Salvador photography */
.brand-logo{width:224px;height:auto;display:block}.site-header{height:104px}.footer-brand .brand-logo{width:285px;max-width:100%}.hero-visual img{object-position:50% 50%;filter:brightness(.86) saturate(.9)}.sector-photo img{object-position:47% 50%;filter:brightness(.88) saturate(.86)}.editorial-photo img{object-position:center 40%;filter:brightness(.83) saturate(.85)}
@media(max-width:800px){.site-header{height:82px}.brand-logo{width:180px}.nav{top:82px}.hero-visual img{object-position:50% 50%}}

/* Hospitality and official logo update */
.brand-logo{width:224px}.hero-visual img{object-position:53% center;filter:brightness(.85) saturate(.85)}.sector-photo img{object-position:65% center}.editorial-photo img{object-position:center center}.contact-channels{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0}.contact-channels .text-link{font-size:14px}@media(max-width:800px){.brand-logo{width:180px}.hero-visual img{object-position:53% center}}

/* Contemporary hospitality photography */
.hero-visual{overflow:hidden}.hero-visual img{object-position:center 78%;transform:scale(1.16);transform-origin:center 80%;filter:brightness(.88) saturate(.93)}.hero-side-note{right:8px}.sector-photo img{object-position:45% center;filter:brightness(.92) saturate(.9)}.editorial-photo img{object-position:55% center;filter:brightness(.88) saturate(.9)}@media(max-width:800px){.hero-visual img{object-position:center 72%;transform:scale(1.04)}.hero-side-note{right:8px}}